我正在尝试更改选择下拉菜单的背景颜色。这适用于 Chrome、Safari 和 Firefox。但是，当将 Firefox 中选择元素的背景色更改为 #FFFFFF 以外的任何颜色时，下拉菜单的外观会发生变化。看起来 Firefox 不再为下拉菜单使用默认的 macOS UI:圆 Angular 消失了，滚动条出现了，字体大小、间距和平滑度也不同了。
我试过修改 -moz-appearance: none; 或定位选项元素，但都没有解决问题。
#FFFFFF 在 Firefox 中选择背景的示例:
Firefox 中任何其他颜色选择背景的示例:
背景色下拉菜单在 Chrome 和 Safari 中正常工作:
Codepen 比较不同的结果:https://codepen.io/ian-pvd/pen/XxdKJB
(在Firefox中查看，并与其他浏览器比较结果。)
是否有一种样式或技巧可以阻止这种情况，或者强制选择下拉菜单使用系统 UI？
火狐:62.0.2 Chrome :69.0.3497.100 Safari :11.0.3 操作系统:macOS 10.13.3
最佳答案
是否有一种样式或技巧可以阻止这种情况，或者强制选择下拉菜单使用系统 UI？
关于html - 如何防止 Firefox 在更改背景颜色时将垂直滚动条添加到选择下拉列表中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52636735/