html - 在 chrome input type=number arrows not showing 有什么解决办法吗？

Question

输入类型编号的 CSS 放在 View 媒体查询和桌面 View 中(完美工作)，但在移动 View 中不起作用。

<style>
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
    }
</style>

这是问题的截图。 http://prntscr.com/qd34cd (在桌面上完美运行) http://prntscr.com/qd359j (手机上看不到箭头)

Answer 1

并非所有浏览器都支持类型为 number 的 input 元素的微调器箭头。

如果你必须保证任何浏览器都会显示微调箭头，我认为你最好的选择是完全关闭它们(一种方法是将你的 input 元素设置为键入 文本，或查阅解释如何删除微调器的一百万页中的任何一页)，然后添加您自己的。您可以在输入框后添加一些“加号”和“减号”按钮来达到相同的效果，加号它在不同浏览器中看起来都是一样的。