在Firefox28上,我使用<input type="number">
效果很好,因为它在输入字段上显示数字键盘,输入字段应该只包含数字.
在Firefox 29中,使用数字输入在字段右侧显示旋转按钮,这在我的设计中看起来像垃圾.我真的不需要按钮,因为不管怎样,当你需要写一个6到10位数的数字时,它们都是无用的.
是否可以使用CSS或jQuery禁用此功能?
在Firefox28上,我使用<input type="number">
效果很好,因为它在输入字段上显示数字键盘,输入字段应该只包含数字.
在Firefox 29中,使用数字输入在字段右侧显示旋转按钮,这在我的设计中看起来像垃圾.我真的不需要按钮,因为不管怎样,当你需要写一个6到10位数的数字时,它们都是无用的.
是否可以使用CSS或jQuery禁用此功能?
根据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"/>