Pourquoi le remplissage ne fonctionne-t-il pas dans les listes de sélection Safari et IE ?

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, notamment 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 la même quantité d'indentation en incrémentant la largeur de votre zone de sélection en conséquence.

Par exemple, dans votre code :

<code class="html"><select id="sexID" name="user[sex]"
        style="border:1px solid #C1272D;
               width:258px; // 243 + 15px
               text-indent:15px;
               height:25px;
               color:#808080;"></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 15 pixels de remplissage à gauche, tout en fonctionnant correctement dans les navigateurs WebKit.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!