Tenho o seguinte código `HTML` que marca um `SELECT`: <!-- language: lang-html --> <select name="filtro"> <option value="">Mais visualizados</option> <option value="">Menos visualizados</option> <option value="">Mais Recentes</option> </select> Dá este resultado no Chrome: ![inserir a descrição da imagem aqui][1] Detalhe ele só aplica o código CSS para o `OPTION` que carrega junto com a pagina. Os seguintes ele não estiliza com o mesmo `font-weight, isto no Chrome. Segue o CSS: <!-- language: lang-css--> .filtro select{ font-family: Lato, Calibri, Arial, sans-serif; font-weight: 300; clear: both; border-radius: 3px; padding: 5px; font-size: 14px; position: relative; left: 650px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } Já no Firefox ele apresenta isto: ![inserir a descrição da imagem aqui][2] Com a propriedade `appearance` tento tirar a aparência da engine que está sendo usado no momento. Porém, isto só funcionou no Chrome. Já no Firefox ele aplica essa seta para baixo. Alguém já passou por isso? Alguma solução? [1]: https://i.sstatic.net/wasYM.jpg [2]: https://i.sstatic.net/j3tcn.jpg