Postoji fora da se select listi postavi opacity na 0, nešto kao:
HTML kôd:
<div id="select-box">
<div id="selected">Opcija 1</div>
<select id="select">
<option>Opcija 1</option>
<option>Opcija 2</option>
<option>Opcija 3</option>
</select>
</div>
css:
Kôd:
#select-box {
position:relative;
width:166px;
}
#selected {
background:url(images/bg_select.gif) no-repeat 0 0;
width:166px;
height:26px;
text-align: center;
}
#select {
position:absolute;
top: 0;
left: 0;
width:166px;
height:26px;
opacity: 0;
filter: alpha(opacity = 0);
}
javascript
:
Kôd:
document.getElementById('select').onchange = function(event) {
document.getElementById('selected').innerHTML = this.options[this.selectedIndex].text;
}
Ili pogledaj neke od biblioteka:
http://uniformjs.com/
http://rixth.github.com/customSelect/
http://code.google.com/p/idealforms/
...