在chrome输入type = number箭头中不显示，有解决方案吗？

Question

将输入类型编号的CSS放入视图媒体查询和桌面视图中（完美工作），并且不能在移动视图中使用。

<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

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

如果您必须保证任何浏览器都将显示微调箭头，那么我认为最好的选择是将它们全部关闭（一种方法是将input元素设置为键入text ，或查阅一百万页中的任意一页，说明如何删除微调框），然后添加自己的页面。在输入框之后，您可能只有几个“加号”和“减号”按钮，以实现相同的效果， plus 在所有浏览器中看起来都是相同的。