Html Chrome选择/下拉控件缺少边框-最新Chrome（69.0.3497），Windows 10

我们正在使用最新的Chrome和Windows 10

69.0.3497.100 (Official Build) (32-bit)

在某些监视器上，缺少边框的选择/下拉控件。有时候它是对的；然后，当我玩宽度（使其为px而不是百分比，添加更多宽度）时，它将成为底部的宽度

但在其他显示器上，此选择/下拉菜单始终正常。它总是有所有的边界。从来没有什么问题

所有显示器的分辨率均为1920 x 1200（在Windows 10中推荐），无论是有还是没有此问题的显示器。使用不同的缩放比例进行测试-100%、80%、120%。有些用户（总是）或（永远）都有这个问题，所有用户都使用相同的浏览器，在任何缩放级别

控件上没有特殊的CSS样式。事实上，即使我要添加一个

边框：1px solid

，它也不会影响系统选择区域。它只会影响顶层框

我能找到的最接近的信息是Chrome在很久以前就有一个bug，比如2012年，但它已经被修复了很久，所以我们不能使用这个信息

---

有什么想法吗？

检查下拉控件的父div是否缺少“overflow:visible”CSS属性。 根据图像示例，显示时父div的约束似乎会切断下拉列表

P>还考虑使用Chrome的检查功能来分析这个问题。

---

在Chrome中，右键单击下拉列表，然后选择Inspect。您还可以使用Inspect对特定于浏览器的CSS进行更新，以查看其如何更改外观。一旦它看起来不错，您可以返回并相应地更新适用的文件。

我知道已经晚了，但我最近遇到了这个错误，并且能够通过调整

元素的

字体大小来修复它。尝试摆弄
字体大小
，直到看不到问题，我就是这样解决的。
添加另一个包装器div帮助我解决了这个问题

<div class="dropdown-menu-container">
    <div class="dropdown-menu">
        // items
    </div>
</div>


//项目

我将边框添加到下拉菜单容器中，并将
overflow-y:auto
属性添加到下拉菜单类中

这解决了我的问题。希望这有帮助
 调整
#下拉菜单{overflow-y:auto；}
显然，当尝试在选择元素上设置填充或宽度时，出现了问题。
在Windows 10上的Chrome v74中观察到同样的问题，当比例和布局窗口设置设置设置为125%时，但在100%时看起来不错。Chrome zoom设置为100%，将我的显示器分辨率从2560x1440（125%缩放）降低到2048x1152（100%缩放），解决了这个问题。似乎是125%的缩放导致了这个问题。我刚开始遇到这种情况，我注意到。表单控件类使用calc（）表示高度，如果我将其更改为height:auto；一切都很好。只要在它周围添加一个像素填充，它就会工作。