Comment puis-je styliser les éléments `` dans une liste déroulante `` à l'aide des solutions de contournement CSS ?

Style Les éléments dans Élément avec CSS

Bien qu'il ne soit pas possible de styler éléments dans un élément avec du CSS pur, il existe des solutions de contournement qui peuvent fournir des effets visuels similaires.

Améliorations de Firefox 35 et WebKit

Dans Firefox 35 et WebKit, la propriété d'apparence peut être utilisée pour masquer le style par défaut de l'option élément. En définissant -webkit-apparence et -moz-apparence sur aucun, le bouton déroulant peut être supprimé. Pour la prise en charge d'IE 11, [::-ms-expand] peut également être utilisé pour obtenir cet effet.

Solution de contournement multi-navigateurs utilisant HTML et CSS

Pour simuler style pour éléments, une solution de contournement peut être implémentée en utilisant une combinaison de HTML et CSS :

1. Créez un div conteneur et entourez-le autour du élément.
2. Ajoutez un style au div du conteneur, y compris les bordures, le remplissage et les effets de survol.
3. Masquez une liste non ordonnée imbriquée (
   ) dans le div du conteneur, contenant les éléments de la liste. représentant l'option éléments.
4. Appliquez des effets de survol au div du conteneur pour afficher la liste non ordonnée imbriquée.
5. Stylez le
6. éléments dans la liste non ordonnée pour ressembler à éléments, y compris le remplissage, les bordures et les effets de survol.

Cette solution de contournement fournit une solution de contournement pour le style éléments, même si le style CSS direct de ces éléments n'est pas pris en charge dans tous les navigateurs.

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!