样式化 <select> 元素的箭头？答案

【问题标题】：Styling the arrow of a <select> element?样式化 <select> 元素的箭头？
【发布时间】：2011-11-08 17:30:31
【问题描述】：

如何设置元素箭头的颜色？

“背景颜色”属性改变文本和箭头的颜色。我只想给箭头上色。

iOS 上带有绿色背景箭头的选择元素示例

谢谢！

【问题讨论】：

CSS for the "down arrow" on a <select> element? 的可能重复项
当心风格重的准选择元素。它们通常是伪装的 div 标签。选择元素很难在定位之外设置样式，因为它们非常依赖于实现。您要么会寻找预烘焙的解决方案，要么会寻找一堆 hacky CSS/JS。

标签： html css

【解决方案1】：

我不确定是否有办法更改原生选择元素。

我认为你必须自己使用一些 JS 或者更简单的方法使用 jQuery UI 插件来创建它，像这样：http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

这个问题以前也有过，见Is it possible to style a select box?，答案大致相同。

【讨论】：

【解决方案2】：

你不能。默认 SELECT 是由浏览器和/或操作系统呈现的表单元素。

你要做的就是自己构建类似于这样的东西：

【讨论】：