删除默认选择下拉列表

Question

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

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

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

Answer 1

我建议您查看 Chosen jQuery插件，该插件会更改select标记的外观。 您可以进一步自定义以实现您的需求。

Answer 2

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

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

有关详细说明，请参阅本教程：

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