jquery ui spinner在chrome safari中没有正确显示

Question

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

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

Answer 1

我发现了我的问题。我修复了调整大小的问题，通过在 css 中设置我的输入框的宽度，而不是使用 size 属性。我也不知道很多浏览器都有一个用于输入 type="number" 的本机微调器，但显然 firefox 没有（或者至少不是我的版本）。我通过在 type="text" 的输​​入上使用 jquery spinner 小部件解决了这个问题。