删除默认选择下拉菜单

Question

在应用自己的菜单时，删除选择默认下拉菜单的最佳方法是什么？目前我正在使用我的背景图片：

.select-custom { 
    background-image: url ('/images/select-arrow.png') 
} 

有没有办法来覆盖默认值，例如FF/IE？

Answer 1

我建议你看看Chosen jQuery插件，它改变了选择标签的外观。 您可以进一步对其进行自定义以实现您所需的功能。

Answer 2

将<select>元素包装在<div>元素中。目标是将<select>元素设置得比<div>元素更宽，以便箭头变得不可见。然后，您可以使用CSS中的<div>元素上的background:属性更改箭头。

<div class="custom"> 
    <select> 
     <option></option> 
     <option></option> 
    </select> 
</div> 

请参阅本教程的详细描述：

http://bavotasan.com/2011/style-select-box-using-only-css/