如何自定义<select>下拉菜单的唯一箭头？

Question

这是dropdown的代码

<select id="dropdown">
                <option value="">Go to page...</option>
                <option value="http://stackoverflow.com">CSS-Tricks</option>
                <option value="http://superuser.com">Digging Into WordPress</option>
                <option value="http://metastackoverflow.com">Quotes on Design</option>
            </select>

我只想自定义箭头图像的背景和边框？我知道很多jquery和moo工具插件，但我想要轻巧、简单和可定制的jquery方式？

alt text http://easycaptures.com/fs/uploaded/226/6042718975.png

Answer 1

这是不可能的只是风格。我写了一段时间的selectzor来满足这些需求。看看下面这篇文章。

http://jeremy.infinicastonline.com/2010/01/selectzor/

Answer 2

下拉列表由操作系统呈现，而不是由浏览器呈现。你不能控制这件事，只能靠你自己。

Answer 3

你也不能用jQuery设置样式。jQuery不是一个魔术棒，它可以让你对网页做任何你能想象到的事情。

通常，表单控件的样式设置选项将非常有限，因为：

1. 对于浏览器制造商来说，让表单控件具有样式是很复杂的；
2. 表单控件看起来总是一样的，这实际上是件好事。这意味着用户知道它们是什么，因此当他们点击它们时会发生什么。