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
Libérer: 2024-11-25 17:20:13
original
242 Les gens l'ont consulté

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;
    }
    Copier après la connexion

    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 de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal