最近的 Chrome 版本(可能是 2017 年 6 月)的一些变化导致了 <select> 中的选项。输入渲染比其他浏览器(或旧版本的 Chrome)大得多。
例如，下拉菜单 this w3schools page在某些机器上呈现如下(Chrome 60.0.3112.90、64 位、Windows 10):
而不是预期的(Firefox 55.0、64 位、Windows 10):
是否有任何可以在代码中实现的解决方法来防止它发生(首选 CSS 解决方案)？
到目前为止我发现:
- Discussion on Chrome product forums ，这证实了很多人都观察到了这一点，但不知道这是有意还是无意。此外，据观察，系统中存在触摸屏驱动程序可能会导致此行为。
- Chromium bug #739196描述了这个问题，但也没有明确的答案是故意的还是 Chromium 的错误
- 很少有答案表明
<option>的填充在<select>中无法通过 CSS 设计来控制，因此此填充从来都不容易或不可能更改。
最佳答案
应该能够为 <option> 添加一些 CSS 样式标记以使其在大多数浏览器上看起来像您想要的那样。
关于html - HTML <select> 下拉菜单中的选项在 Chrome 中太大，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45507444/