我想做一个自定义下拉,适用于所有的浏览器。我在这里创建了一个,但箭头是不可点击。如果我将其设置为选择的背景,那么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