Maison >interface Web >tutoriel CSS >Comment puis-je réparer le contenu tronqué dans les listes déroulantes de sélection à largeur fixe dans IE ?

Comment puis-je réparer le contenu tronqué dans les listes déroulantes de sélection à largeur fixe dans IE ?

DDD
DDDoriginal
2024-11-25 17:20:13241parcourir

How Can I Fix Truncated Content in Fixed-Width Select Dropdowns in IE?

Sélectionner une liste déroulante avec une largeur fixe tronquant le contenu dans IE

Lorsqu'une liste déroulante de sélection avec une largeur fixe se présente, certains éléments peuvent dépasser la valeur spécifiée largeur, ce qui entraîne un contenu tronqué. Alors que Firefox ajuste la largeur du menu déroulant pour s'adapter à l'élément le plus long, IE6 et IE7 limitent la largeur du menu déroulant, ce qui rend difficile la lecture d'éléments plus longs.

Pour résoudre ce problème spécifiquement dans IE :

  1. Utilisez :focus pour IE8 : CSS

    select:focus {
     width: auto;
     position: relative;
    }

    Remarque : assurez-vous de définissez la propriété position si la boîte de sélection se trouve dans un conteneur avec une largeur fixe.

  2. Compatibilité des navigateurs (IE7 et versions antérieures) : Malheureusement, IE7 et versions antérieures ne prennent pas en charge :focus sélecteur. Des solutions alternatives peuvent être nécessaires pour ces 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn