¿Desea eliminar la flecha desplegable del elemento <select>? [duplicar]
Posible duplicado:
Cómo eliminar la flecha de una etiqueta <select> en Firefox
La flecha solo desaparece en Chrome. Aquí está el script que estoy usando:
<style type="text/css">
select {
font-family: 'Viga', sans-serif;
font-size:16px;
color:#168ACB;
padding: 5px 10px 5px 10px;
margin: 0px 5px 5px 5px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset;
background: #f8f8f8;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
</style>
Cromo:http://i.imgur.com/Ocpux.png Firefox y IE:http://i.imgur.com/5zGuX.png