Chrome n'applique pas de remplissage pour sélectionner les options

Question

Sélectionner l'option de remplissage ne fonctionne pas dans Chrome

<style>
select option { padding:5px 0px; }
</style>    
<select>
<option>1</option>
<option>2</option>
<option>3</option> 
</select>

Answer 1

Je viens de trouver un moyen d'appliquer un remplissage à une entrée sélectionnée dans Chrome

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

Semble fonctionner dans Chrome 39.0.2171.71 (64 bits) et Safari actuels (je n'ai testé que sur Mac).

Cela semble supprimer le style par défaut ajouté à l'entrée de sélection (cela supprime également la flèche déroulante), mais vous permet d'utiliser votre propre style sans que Chrome ne l'écrase.

Je suis tombé sur ce correctif en utilisant le code d'ici : http://fettblog.eu/style-select-elements/