Pourquoi mes listes déroulantes sont-elles coupées dans Internet Explorer et comment puis-je y remédier ?

Coupure de liste déroulante à largeur fixe dans IE : une résolution

Le problème survient lorsque certains éléments sélectionnables dans une liste déroulante dépassent la largeur spécifiée de 145 px. Dans Firefox, la liste déroulante s'adapte à la largeur de l'élément le plus long. Cependant, dans IE6 et IE7, la liste déroulante est limitée à 145 px, masquant un texte plus long.

Style CSS :

select.center_pull {
    width: 145px;
    /* ... Other CSS properties ... */
}

Marquage HTML :

<select>

IE 8 Solution :

Pour IE 8, une solution basée sur CSS est disponible :

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

Cela garantit que lorsque la liste déroulante est ciblée, elle se développe pour accueillir des éléments plus longs. Cependant, le sélecteur :focus n'est pas pris en charge dans IE 7 et versions antérieures. Pour ces anciennes versions, des solutions alternatives ou un mode de compatibilité peuvent être requis.

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!