相关疑难解决方法(0)

跨浏览器是否有一致的方法来隐藏某些浏览器(如Chrome)为类型编号的HTML输入呈现的新旋转框？我正在寻找一种CSS或JavaScript方法来防止上/下箭头出现.

<input id="test" type="number">

是否可以在css中输入类型=数字的内部"向上箭头"和"向下箭头"中应用样式？我想将箭头的背景改为蓝色并向下箭头红色.有任何想法吗？

我有以下输入类型="数字":

<input id="myid" type="number" name="input" min="0" max="100" step="1" value="0">

在Chrome中,您只能看到2个增加或减少值的箭头.有没有办法设置这些控件的样式.就像是:

#myid::-webkit-

Chrome上的当前行为仅在用户将鼠标悬停在其上时显示:

默认情况下,该旋转框不可见:

但在Mozilla中,它始终可见:

如何在铬合金中始终显示旋转框？

https://jsfiddle.net/JerryGoyal/u4qoLcp4/

<input class="FlaggingPeriodTextBox" style=" width: 61px;    text-align: right;font-family: Segoe UI;margin-top: 9px;" type="number" min="1" max="999" value="7">

<input type="number"/>Mac中的箭头非常小,即使在Safari上也无法在Chrome和Firefox上使用.

在没有添加额外箭头图像等的情况下对它们进行样式化的正确方法是什么.请注意,我已经看过这些线程并且它没有解决问题: 样式输入类型=数字

这个线程出来的是这些: