最近Chrome版本(可能在2017年6月)的一些更改導致<select>
輸入中的選項比其他瀏覽器(或舊版Chrome中)渲染得多。HTML中的選項<select> Chrome中的選項太大
例如,在this w3schools page下拉在一些機器上呈現這樣的(鉻60.0.3112.90中,64位中,Windows 10):
代替預期(火狐55.0,64位,視窗10):
是否有可以在代碼被實現爲防止它發生(CSS溶液優選)任何解決方法嗎?
到目前爲止,我發現:
- Discussion on Chrome product forums,這證實了這個被很多人看到,但沒有回答是否是有意還是無意。此外,觀察到系統中存在觸摸屏驅動程序可能導致此行爲。
- Chromium bug #739196說明這個問題,但還沒有明確的答案無論是故意或鉻錯誤
- 幾個答案提示的
<select>
該填充爲<option>
的無法通過設計CSS來控制,所以這填補了從來不容易或可能改變。
同樣的問題,也有一個啓用觸摸的設備。看起來就是這個原因。 – Alex