Input numberのspinnerを除去する
1060 ワード
HTML 5のフォームにはinput[type="number"]のような豊富なinputの種類があり、ユーザーが数字を入力することを保証することができますが、inputにはspinner付きの悪いところもあります.
一、spinnerとは何ですか.
簡単に言えばspinnerはデジタル入力ボックスの右側の上下矢印です.
二、どのように取り除くか
方法1:
方法2:
type=「number」をtype=「tel」に変更します.同じデジタルキーボードですが、矢印はありません.
一、spinnerとは何ですか.
簡単に言えばspinnerはデジタル入力ボックスの右側の上下矢印です.
二、どのように取り除くか
方法1:
1 /*input number remove spinner*/
2 input[type="number"]::-webkit-textfield-decoration-container {
3 /*background-color: #fff; */
4 }
5 input[type="number"]::-webkit-inner-spin-button {
6 -webkit-appearance: none;
7 }
8 input[type="number"]::-webkit-outer-spin-button {
9 -webkit-appearance: none; /*outer */
10 }
方法2:
type=「number」をtype=「tel」に変更します.同じデジタルキーボードですが、矢印はありません.