HTML 5 的表单中有着丰富的input种类,比如说input[type="number"],就可以保证用户输入数字,但是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 }
方法二:
将type="number"改为type="tel",同样是数字键盘,但是没有箭头。