移除input number上的spinner

HTML 5 的表单中有着丰富的input种类，比如说input[type="number"],就可以保证用户输入数字，但是input也有一些不好的地方——带有 spinner。

一、spinner 是什么？

　　简单来说spinner就是数字输入框右边的上下箭头。

二、怎么去除

方法1：

/*input number remove spinner*/
input[type="number"]::-webkit-textfield-decoration-container {
    /*background-color: #fff;    */
}
input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;    /*outer */
}

方法二： 

　将type="number"改为type="tel"，同样是数字键盘，但是没有箭头。