Comment appliquer un remplissage aux listes de sélection dans Safari et Internet Explorer ?

Remplissage non appliqué aux listes de sélection Safari et IE

L'amélioration du style des listes de sélection dans Safari et Internet Explorer peut s'avérer difficile en raison d'un manque de support pour le rembourrage. Alors que la spécification du World Wide Web Consortium (W3C) autorise le remplissage des zones de sélection, les navigateurs Webkit comme Safari et Chrome ignorent cette fonctionnalité.

Pour résoudre ce problème, une approche alternative consiste à utiliser l'indentation du texte à la place de rembourrage-gauche. En ajoutant la même quantité à la largeur de la zone de sélection, vous pouvez effectivement obtenir l'espacement souhaité.

Considérez le code suivant :

<select id="sexID" name="user[sex]"
        style="border: 1px solid #C1272D;
               width: 258px; // 243 + 15px
               text-indent: 15px;
               height: 25px;
               color: #808080;">

Cet exemple montre comment obtenir les 15 px souhaités. remplissage en appliquant text-indent: 15px et en augmentant la largeur de la zone de sélection en conséquence.

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!