html5 – 输入“number”是否可以总是显示向上/向下箭头？

我想要总是显示输入“数字”字段的向上/向下箭头。这可能吗？到目前为止我还没有运气
http://jsfiddle.net/oneeezy/qunbnL6u/

HTML：

<input type="number" />

CSS：

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {  

   -webkit-appearance: "Always Show Up/Down Arrows";

}

解决方法

您可以通过使用Opacity属性来实现此目的(至少在Chrome中)：

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

如上所述，这可能只适用于Chrome。所以要小心使用这个代码在野外没有其他浏览器的后备。

原文地址：https://www.jb51.cc/html5/168955.html