jquery ui微调器在chrome safari中未正确显示

我正在使用jQueryUI微调器，就像它们指定的那样。我有一个数字类型的输入，我唯一更改的是将大小设置为1。在firefox中，它看起来应该是这样的： 但在safari和chrome中看起来是这样的：。它变为未调整大小，我不确定为什么会有额外的箭头（它们也可以工作）。我所做的一切就是从jquery ui中移动css和js文件，在我的js中，我对数字输入执行以下操作：

$（“#idOfNumberInput”）.spinner（）

你知道为什么它不能在chrome或safari中正确显示，以及我如何修复它吗？
我解决了我的问题。我通过在css中设置输入框的宽度，而不是使用size属性，修复了调整大小的问题。我还不知道很多浏览器都有一个type=“number”输入的本机微调器，但显然firefox没有（或者至少不是我的版本）。我通过在type=“text”输入上使用jquery微调器小部件解决了这个问题。
我解决了我的问题。我通过在css中设置输入框的宽度，而不是使用size属性，修复了调整大小的问题。我还不知道很多浏览器都有一个type=“number”输入的本机微调器，但显然firefox没有（或者至少不是我的版本）。我通过在type=“text”输入上使用jquery微调器小部件解决了这个问题。
如果您可以更新图像，这个问题看起来会更好：）如果您可以更新图像，这个问题看起来会更好：）这个答案非常有用：）将输入type=“number”更改为“text”这个答案非常有用：）将输入type=“number”更改为“text”会起作用：D thx