html - 是否可以始终显示输入 "number"的向上/向下箭头？

Question

我想始终为输入“数字”字段显示向上/向下箭头。这可能吗？到目前为止我还没有任何运气......

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";

}

Answer 1

您可以通过使用 Opacity 属性来实现这一点(至少在 Chrome 中):

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

   opacity: 1;

}

如上所述，这可能只适用于 Chrome。所以在野外使用此代码时要小心，不要为其他浏览器提供回退。