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

Question

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

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中有效。因此，请谨慎使用此代码，不要对其他浏览器进行回退。