css - 在输入数字中隐藏向上和向下箭头按钮(微调器)- Firefox 29

Question

在 Firefox 28 上，我使用的是 <input type="number">效果很好，因为它会在本应仅包含数字的输入字段上调出数字键盘。

在 Firefox 29 中，使用数字输入会在字段右侧显示旋转按钮，这在我的设计中看起来很糟糕。我真的不需要这些按钮，因为当你需要写类似 6~10 位数字的东西时，它们毫无用处。

是否可以使用 CSS 或 jQuery 禁用此功能？

Answer 1

根据 this blog post ，你需要在input上设置-moz-appearance:textfield;。

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

<input type="number" step="0.01"/>