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