消除input元素 type="number" 时默认的 加减按钮

有时候我们希望用户输入的是number，但是浏览器可能会默认在input框右边增加“加减按钮”，这可能不是我们想要的，且影响美观。那怎么消除它们呢？

通过增加以下样式消除input元素 type="number" 时默认的 加减按钮：

/*** 消除input元素 type="number" 时默认的 加减按钮*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*** 消除input元素 type="number" 时默认的 加减按钮---moz版*/
input[type=number] {
    -moz-appearance:textfield;
}

从代码也可以看出来，第一部分是用于-webkit-内核（谷歌浏览器），而第二部分是用于-moz-内核（火狐浏览器）