在Chrome中使用HTML元素<select> / <option>间隔Bug

Question

我创建了一个Dropdown .some_class {   border：1px solid＃7f9db9; } ＆lt; select id =“some_id”class =“some_class”size =“1”＆gt;   ＆lt; option selected =“selected”value =“1”＆gt; User1＆lt; / option＆gt;   ＆lt; option value =“2”＆gt; User2＆lt; / option＆gt;   ＆lt; option value =“3”＆gt; User3＆lt; / option＆gt; ＆LT; /选择＆GT; 它在大多数情况下工作正常。问题是，使用Chrome时，下拉列表中列出的元素之间有时会出现巨大的空白区域。看起来有些东西增加了元素之间的线距或类似的东西。 奇怪的是，如果我用不同的用户/在不同的计算机上测试它，这个bug就不会出现在每个chrome中。 浏览器中是否有可能导致此问题的设置？

Answer 1

额外的间距是Chrome 59中引入的“功能”。如果它认为您有触摸设备，它会使选项更高。目前，禁用此功能的唯一方法是禁用所有触摸设备。

https://bugs.chromium.org/p/chromium/issues/detail?id=739196&q=dropdown&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified