如何用我自己的下拉列表箭头替换？

Question

用我自己的箭头图像替换下拉列表的默认箭头最简单的方法是什么？

Answer 1

我发现的唯一好看的解决方案是使用jQuery UI和这个插件。

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Answer 2

我建议你使用Uniform。它允许您使用JQuery：http://pixelmatrixdesign.com/uniform

使用性感的东西掩盖您的标准控件

您可以使用以下简单的行替换下拉列表：

$(function(){ $("select").uniform(); });

您还可以使用相同的方法更改单选按钮和复选框。该页面底部仍有一些可下载的主题。

Answer 3

默认箭头的样式完全取决于您使用的O.S。您可以检查Windows中的下拉框，linux它们将采用默认的O.S样式。

设置箭头样式的最佳方法是使用jquery插件，如： http://www.dev4press.com/jgd/dropdown/ http://plugins.jquery.com/taxonomy/term/463