Remover a seta suspensa do elemento <select>? [duplicado]
Duplicata Possível:
Como remover a seta de uma tag <select> no Firefox
A seta desaparece apenas no Chrome. Aqui está o script que estou 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>
Cromada:http://i.imgur.com/Ocpux.png Firefox e IE:http://i.imgur.com/5zGuX.png