是否可以始终显示输入"数字"的向上/向下箭头？

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

您可以使用"不透明度"属性实现此目的(至少在Chrome中):

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

   opacity: 1;

}

如上所述,这可能仅适用于Chrome.因此,请谨慎使用此代码,而不要回退其他浏览器.

Answer 2

我试过了，它奏效了

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

</style>
<input type="number" value="1" min="1" max="999">

在这里找到