Question

我有一个带有自定义样式的SELECT元素。我使用包含“下拉箭头”的背景图像。你可以在这个liveweave http://liveweave.com/xcfh0Z

中找到我正在做的事情的例子

当您使用Chrome，Safari，IE或Opera中的选择框时，一切都按预期工作：选择与给定图像一起显示，如果我点击选择框，我会看到一个带有白色背景的下拉列表

然而，Firefox表现不同。当我点击Firefox中的选择框时，它会打开一个透明背景的下拉列表。我发现解决这个问题的唯一方法是使用

background-color: white

...导致我的选择周围出现“不太酷的白色边框”。

有人知道如何解决这个问题吗？

Answer 1

为了让您的背景图片有效，background-color的{{1}}必须是透明的。相反，您应该将<select>背景设置为白色，如下所示：

<option>

请参阅DEMO。