“<select>”删除/更改选项旁边的蓝色“v”图标？答案

【问题标题】："<select>" remove/change the blue "v" icon next to option?“<select>”删除/更改选项旁边的蓝色“v”图标？
【发布时间】：2011-05-05 20:56:13
【问题描述】：

是否可以删除 html 事物上的蓝色“v”图标？

或者我怎样才能让它消失？或者我可以改变它吗？

如果我想删除它，我有什么选择？

【问题讨论】：

标签： html css

【解决方案1】：

<select> 不是由 CSS 设置的，而是由操作系统设置的。你可以通过使用 CSS+HTML+JavaScript 替换来让它看起来像你想要的样子，但这需要一个插件或一些代码。

【讨论】：

【解决方案2】：

您可以使用 Uniform 将您的 <select> 元素替换为可主题化的基于 JavaScript 的等价物。 Uniform 很好，因为它在没有 JavaScript 的情况下优雅地降级为您原来的 <select> 框。

【讨论】：

【解决方案3】：

我使用这个 jQuery/CSS 插件来设置选择框的样式：http://www.adamcoulombe.info/lab/jquery/select-box/

【讨论】：

【解决方案4】：

完全按照您的意愿设置样式的唯一方法是不使用 ...

谷歌“自定义选择框”，你会发现一堆替代品（这里其他人提到的一些）

【讨论】：

【解决方案5】：

就像@Diodeus 指出的那样，使用CSS 改变<select> 的外观是不可能的。

但是你总是可以对 jQuery 抱有希望。我建议您尝试selectBox，这是一个带有自动选择替换功能的 jQuery 插件。非常简单且非常强大。

【讨论】：