如何选择下拉样式？

Question

我在运行firefox的mac上。我有一个网站，选择下拉框有一个有趣的风格：

当我在同一浏览器中查看其他网站时，它们看起来有所不同：

甚至在我的代码处：jsFiddle

什么可能导致我的网站显示它是如何的，因为据我所知，你几乎无法控制选择框的显示方式？

由于

Answer 1

您使用CSS格式化<select>吗？还是CSS重置？ 如果您使用某些规则，例如border或background，则默认样式会消失，您将看到此灰色框。 你应该删除那些CSS设置。

Answer 2

默认下拉列表样式因浏览器而异。不幸的是，没有真正的CSS方法来重新设置它们。

那就是说，你可以使用像我这样的jQuery插件：Custom Select Box，我过去使用过这个插件效果很好。

Answer 3

使用select的系统演示显示第二个示例。第一个看起来不像系统选择，因为可能应用了一些自定义样式，这不仅仅是重置系统演示。

通常无法有效地设置除文本字段以外的HTML输入字段的样式。为此，开发人员通常使用复杂的HTML重新实现输入控件，这是由Ian Devlin建议的。