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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html5/168955.html

猜你在找的HTML5相关文章