我有一个网站,主要是为移动用户,但桌面也.
在Mobile Safari上,使用<input type="number">
非常有效,因为它会在输入字段上打开数字键盘,而输入字段应该只包含数字.
然而,在Chrome和Safari中,使用数字输入在字段右侧显示旋转按钮,这在我的设计中看起来像垃圾.我真的不需要按钮,因为不管怎样,当你需要写一个6位数的数字时,它们都是无用的.
有没有可能用-webkit-appearance
或其他CSS技巧来禁用它?我试过了,运气不好.
我有一个网站,主要是为移动用户,但桌面也.
在Mobile Safari上,使用<input type="number">
非常有效,因为它会在输入字段上打开数字键盘,而输入字段应该只包含数字.
然而,在Chrome和Safari中,使用数字输入在字段右侧显示旋转按钮,这在我的设计中看起来像垃圾.我真的不需要按钮,因为不管怎样,当你需要写一个6位数的数字时,它们都是无用的.
有没有可能用-webkit-appearance
或其他CSS技巧来禁用它?我试过了,运气不好.
下面的css适用于Chrome和Firefox
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;
}