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

时间:2014-07-01 13:47:23

标签: html css firefox input

由于有两个版本(我认为29),Firefox将微调器按钮添加到数字输入中。但它们不适合我的Bootstrap驱动的网站。有没有办法设置这些按钮的样式,使它们看起来不那么难看。

1 个答案:

答案 0 :(得分:2)

我不认为你可以设计它们,但是隐藏它们可能会有所帮助:

/* 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;
}