我想做一个自定义下拉，适用于所有的浏览器。我在这里创建了一个，但箭头是不可点击。如果我将其设置为选择的背景，那么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：
<span style="position:relative;" >
<span class="arrow" ></span>
<select id="menulist">
<option value="one">One</option>
<option value="two">Two</option>
</select>
</span>
解决方法
您可以检查Select2插件：
http://ivaynberg.github.io/select2/
Select2是一个基于jQuery的替换选择框。它支持搜索，远程数据集和无限滚动的结果。
它相当受欢迎，非常易于维护。它应该涵盖你的大部分需求，如果不是全部。
