我想做一個自定義下拉,适用于所有的浏覽器。我在這裡建立了一個,但箭頭是不可點選。如果我将其設定為選擇的背景,那麼firefox将覆寫它頂部的箭頭。有人可以告訴我什麼是最好的技術,以獲得一個自定義的下拉,适用于所有的浏覽器,如何使該旋鈕可點選沒有Javascript?
CSS:
#menulist {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height:32px;
border:1px solid #000;
width:260px;
text-indent: 8px;
}
.arrow{
cursor:pointer;
height:32px;
width:24px;
position:absolute;
right:0px;
background-color:#c8c8c8;
background:url('http://icons.aniboom.com/Energy/Resources/userControls/TimeFrameDropDownFilter/Dropdown_Arrow.png') 0;
}
HTML:
One
Two