在输入数字中隐藏微调框-Firefox 29

小编典典

在输入数字中隐藏微调框-Firefox 29

css

在Firefox 28上，我使用的软件<input type="number">效果很好，因为它在仅包含数字的输入字段上弹出了数字键盘。

在Firefox
29中，使用数字输入会在该字段的右侧显示旋转按钮，这在我的设计中看起来像废话。我真的不需要按钮，因为当您仍然需要写6到10位数的数字时，它们是无用的。

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

阅读 290

2020-05-16

共1个答案

小编典典

你需要设置-moz-appearance:textfield;的input。

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"/>

2020-05-16