Preenchimento CSS específico do navegador para o campo do firefox
Eu tenho uma lista suspensa na minha aplicação em que, a fim de centralizar, devo adicionar padding top 10px enquanto no Mozilla Firefox, mas no google chrome não precisa do preenchimento. Como posso segmentar a lista de seleção para definir esse navegador como específico. Eu estava esperando que eu pudesse ter feito algo como o seguinte:
select {
-moz-padding-top: 10px;
-webkit-padding-top: 0px;
}
Alguma idéia de como eu poderia contornar isso? Violino do problema mostrado abaixo, se você verificar isso no Chrome e, em seguida, o Firefox, eu quero que o texto esteja sempre no meio