刪除默認選擇下拉菜單

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/