移除input number上的spinner

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"，同样是数字键盘，但是没有箭头。

　　

　　

转载于:https://www.cnblogs.com/webARM/p/4810199.html