我有一個主要針對移動用戶的網站，但也針對臺式機。在Mobile Safari上，使用<input type="number">效果很好，因為它會在僅包含數字的輸入字段上彈出數字鍵盤。但是，在Chrome和Safari中，使用數字輸入會在字段的右側顯示旋轉按鈕，這在我的設計中看起來像廢話。我真的不需要按鈕，因為當您仍然需要編寫6位數字之類的東西時，它們是無用的。是否可以通過-webkit-appearance其他CSS技巧來禁用此功能？我嘗試了很多運氣。
3 回答
慕妹3146593
TA貢獻1820條經驗 獲得超9個贊
下面的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;
}
慕姐8265434
TA貢獻1813條經驗 獲得超2個贊
阻止旋轉器出現在Opera中似乎是不可能的。作為臨時的解決方法，您可以為微調器騰出空間。據我所知，以下CSS僅在Opera中添加了足夠的填充：
noindex:-o-prefocus,
input[type=number] {
padding-right: 1.2em;
}
- 3 回答
- 0 關注
- 510 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消