我可以隐藏HTML5号码输入的旋转框吗？
在浏览器中是否存在一致的方法来隐藏某些浏览器（例如Chrome）为类型编号的HTML输入呈现的新旋转框？ 我正在寻找一种CSS或JavaScript方法来防止出现向上/向下箭头。
<input id="test" type="number">
这个CSS有效地隐藏了webkit浏览器的旋转按钮（已经在Chrome 7.0.517.44和Safari 5.0.2（6533.18.5）中测试过）：
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
您始终可以使用检查器（webkit，可能适用于Firefox的Firebug）为您感兴趣的元素查找匹配的CSS属性，查找伪元素。 此图像显示输入元素type =“number”的结果：
Firefox 29目前增加了对数字元素的支持，所以下面的代码片段隐藏了基于webkit和moz的浏览器中的spinners：
input[type='number'] {
-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}<input id="test" type="number">简短的回答：
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}<input type="number" />