Input numberのspinnerを除去する

1060 ワード

HTML 5のフォームにはinput[type="number"]のような豊富なinputの種類があり、ユーザーが数字を入力することを保証することができますが、inputにはspinner付きの悪いところもあります.
一、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」に変更します.同じデジタルキーボードですが、矢印はありません.