Input Number မှ Arrows Hide လုပ်နည်း
CSS ဖြင့် ထည့်သွင်းထားသော နံပါတ်မှ မြှား/စတိုးများကို ဖယ်ရှားနည်းကို လေ့လာပါ။
ခြားနားချက်ကိုကြည့်ရန် ဂဏန်းထည့်သွင်းမှုနှစ်ခုလုံးအပေါ်တွင် ရွှေ့ကြည့်ပါ-
ဝှက်ထားသောမြှားများ-
မူရင်း-
လုပ်ဆောင်နိုင်စွမ်းဆိုင်ရာ မှတ်စုများ- နံပါတ်ထည့်သွင်းမှုအတွင်းတွင် သင် scroll လုပ်သည့်အခါ နံပါတ်ကို ထပ်တိုးနိုင်သေးသည်။
Arrows/ Spinner များကို ဖယ်ရှားပါ။
ဥပမာ
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
အကြံပြုချက်- HTML Form အကြောင်းပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ HTML Form Tutorial သို့ သွားပါ ။
အကြံပြုချက်- type="number" ဖြင့် ထည့်သွင်းမှုများအကြောင်း ပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ HTML ထည့်သွင်းမှု type="number" ရည်ညွှန်းသို့ သွား ပါ ။