如何选择下拉样式？

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建议的。