Le remplissage ne s'affiche pas dans les listes de sélection dans Safari et IE

Malgré l'absence de restrictions dans la spécification W3, le remplissage dans les zones de sélection n'est pas pris en charge par les navigateurs WebKit, y compris Safari et Chrome. Par conséquent, le remplissage n'est pas appliqué dans ces navigateurs.

Pour résoudre ce problème, envisagez d'utiliser text-indent au lieu de padding-left. Conservez le même montant d'indentation en augmentant la largeur de votre zone de sélection en conséquence.

Par exemple, dans votre code :

En ajoutant text-indent:15px et en augmentant la largeur à 258px, la zone de sélection affichera désormais le même retrait que si elle avait 15px de remplissage gauche, tout en fonctionnant correctement dans Navigateurs WebKit.