jquery ui spinner在chrome safari中无法正确显示

Question

我正在使用jquery ui spinner，正如他们指定的那样。我有一个类型编号的输入，我唯一改变的是将大小设置为1.在firefox中它看起来应该是这样的，如下所示： 但在safari和chrome中它看起来像这样：。它变得没有调整大小，我不确定为什么还有其他箭头（它们也可以工作）。我所做的就是设置它们是从jquery ui移动到css和js文件，在我的js中我在输入的数字上执行以下操作：$('#idOfNumberInput').spinner();

任何想法为什么它在chrome或safari中没有正确显示以及我如何解决它？

Answer 1

我发现了我的问题。我修复了调整大小再见在css中设置输入框的宽度而不是使用size属性。我也不知道很多浏览器都有一个原生的微调器，输入的类型=“数字”，但显然firefox没有（或者至少不是我的版本）。我通过在type =“text”的输入上使用jquery spinner小部件来修复此问题。