我有一个带有自定义样式的 SELECT 元素。我使用包含“下拉箭头”的背景图像。你可以在这个 liveweave 中找到我正在做的事情的例子 http://liveweave.com/xcfh0Z
当您在 Chrome、Safari、IE 或 Opera 中使用选择框时，一切都按预期工作:选择显示给定图像，如果我点击选择框，我可以看到一个白色背景的下拉列表.
但是，Firefox 的行为不同。当我在 Firefox 中单击选择框时，它会打开一个具有透明背景的下拉列表。我发现解决这个问题的唯一方法是使用
background-color: white
...这导致我的选择周围出现“不太酷的白色边框”。
有人知道如何解决这个问题吗？
最佳答案
为了使您的背景图像正常工作，background-color你的<select>必须是透明的。相反，您应该设置 <option>背景为白色，像这样:
option {
background-color: white;
}
参见 DEMO .
关于html - 仅在 Firefox 中透明选择下拉菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15996876/