【发布时间】：2014-08-08 19:19:48
【问题描述】：
在 Google Chrome 中，input[type=number] 旋转按钮仅在悬停时显示。
这是我使用的代码：
<input type="number" value="1" min="1" max="999" />有什么方法可以始终显示旋转按钮？
【问题讨论】：
标签： html css google-chrome
【发布时间】：2014-08-08 19:19:48
【问题描述】：
您可以使用::-webkit-inner/outer-spin-button 定位旋转按钮，而不仅仅是将opacity 设置为1（旋转始终存在，但默认情况下它们具有opacity: 0）。
代码：
<style>
input[type=number]::-webkit-inner-spin-button {
opacity: 1
}
</style>
<input type="number" value="1" min="1" max="999">
【讨论】：
-
有跨浏览器的方法吗？
-
firefox等浏览器呢？它仅适用于 chrome
-
在 firefox 和 safari 中，它的默认功能是始终显示它。
-
请问你们有手机解决方案吗？我想构建一个网络应用程序。
-
值得注意的是，在 Safari 12.1 上使用 iPad 时，@Rathore25 评论不再正确。 Safari 不显示输入类型数字微调器。