如何根据 Firefox 中的数字输入设置微调器的样式

Question

从几个版本开始（我认为是 29 版本），Firefox 在数字输入中添加了微调按钮。但它们不适合我的 Bootstrap 支持的网站。有没有办法给这些按钮设置样式，让它们看起来不那么难看。

Answer 1

我认为您无法设置它们的样式，但也许隐藏它们已经有所帮助：

/* Hide spinners for Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Hide spinners for Chrome */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}