天天看點

自定義浏覽器css,CSS自定義下拉選擇适用于所有浏覽器IE7 FF Webkit

我想做一個自定義下拉,适用于所有的浏覽器。我在這裡建立了一個,但箭頭是不可點選。如果我将其設定為選擇的背景,那麼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