Rembourrage CSS spécifique au navigateur pour le champ firefox

J'ai une liste déroulante dans mon application en vertu de laquelle, afin de centre je dois ajouter un padding-top 10px alors que sur Mozilla Firefox mais sur google chrome, il n'a pas besoin de le rembourrage. Comment puis-je cibler la liste de sélection pour définir ce navigateur spécifique. J'espérais que j'aurais pu faire quelque chose comme ce qui suit:

select {
  -moz-padding-top: 10px;
  -webkit-padding-top: 0px;
}

Toutes les idées de comment je pourrais obtenir autour de cette? Violon de problème indiqué ci-dessous, si vous cochez cette dans google Chrome, et puis Firefox, je le veux afin que le texte est toujours en milieu

http://jsfiddle.net/uHDa6/

source d'informationauteur Jay

  1. 33

    La réponse à votre question est: oui, il est possible de mettre Mozilla spécifiques CSS dans une feuille de style. (Pas en ligne de l'attribut style.)

    Dans ce cas, vous devez écrire

    @-moz-document url-prefix() {
    select {padding-top:10px;}
}

    qui est tout simplement l'Mozilla préfixé version de la @document règle, qui n'est pas reconnue par les autres navigateurs.

    Cependant, la véritable solution au problème de la dépareillées, la position du texte est de ne pas régler la hauteur, mais seulement le rembourrage de la sélectionner. Pas de hacks.

    style="font-size: 14px; padding: 11px 0 11px 5px;"

    Qui a l'effet désiré dans tous les navigateurs. Voir nouveau violon.