Chciałbym utworzyć niestandardowe rozwijanie, które działa we wszystkich przeglądarkach. Stworzyłem jeden tutaj, ale strzałka nie jest klikalna. Jeśli ustawię go jako tło dla zaznaczenia, to Firefox nadpisze strzałkę na nim. Czy ktoś może mi powiedzieć, jaka jest najlepsza technika, aby uzyskać niestandardowe menu rozwijane, które działa we wszystkich przeglądarkach i jak mogę klikać ten przycisk bez JavaScript?Niestandardowe menu rozwijane CSS Wybierz, które działa we wszystkich przeglądarkach IE7 + FF Webkit
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>
Nie martwiłbym się tak dużo [o IE7] (http://theie7countdown.com/) i martwiliby się bardziej [o ie6] (http://www.ie6countdown.com/). –