如何替换HTML <select>元素上的箭头按钮</select>

时间:2011-01-14 14:20:29

标签: jquery html

在下拉列表中使用不同的箭头图像替换箭头图像的最佳方法是什么?

3 个答案:

答案 0 :(得分:3)

你做不到。它由操作系统呈现,而不是HTML。

您需要使用DIV编写/使用HTML/CSS SELECT replacement

答案 1 :(得分:0)

更多的信息将会很好。我只能推测你试图设计一个html - <select> - 框?如果是这样的话:你不能真正取代那个图像。

但是:您可以自己构建类似的内容来替换它 - 或者,如果您使用的是jquery-ui,this看起来非常棒。

答案 2 :(得分:0)

在DIV中包裹Select并给它上课。 此DIV的类应该有一个背景图像(您的箭头)加上高度和宽度以覆盖选择的大小。

然后在您的Select中添加一个类,然后在您的CSS中,您需要做一些事情来使浏览器满意。选择高度,宽度,填充,颜色,字体,边距和边框都是可选的,但您需要使选择透明的背景并添加-webkit-appearance:none和-moz-appearance:none以保留默认浏览器箭头出现。