是否有一种方法来样式选择元素的箭头

Question

我尝试使用css样式<select> ... </select>元素。现在我可以改变颜色，边框，宽度，高度…但是我不知道怎么改变右边的箭头，我想用我自己的设计，有办法实现吗?

谢谢

Answer 1

看这里

基本上你需要这样做:

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不感兴趣，还有很多其他的。