有没有办法设置选择元素的箭头？

Question

我尝试使用css设置<select> ... </select>元素的样式。此刻我能够改变颜色，边框，宽度，高度... - 但我不知道我怎么能改变箭头（在右边），我想用我自己的设计，有没有办法完成它？

谢谢

Answer 1

看看here。

基本上你需要做这样的事情：

background: url(new_arrow.png) no-repeat right #ddd; 

Answer 2

您无法更改它（跨所有主流浏览器）

您可以使用JavaScript来获得更好的样式。

看到这个jQuery插件：http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

还有很多其他如果jQuery不是你的味道。