最近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描述了这个问题，但也没有明确的答案是故意的还是铬缺陷
很少有人认为a<option>中<select>的填充不能通过css进行设计控制，因此这种填充永远不容易或不可能更改。
最佳答案
应该能够为<option>标签添加一些css样式，让它在大多数浏览器上看起来像你想要的那样。
http://jsfiddle.net/Ahreu/50/