Le texte débordant dans les listes déroulantes peut-il être tronqué sans JavaScript ?

Tronquage du texte débordant dans les listes déroulantes

Les navigateurs modernes offrent des options de style limitées pour les contrôles de formulaire tels que les listes déroulantes. Un défi courant consiste à afficher du texte débordant sans retour à la ligne. Bien que les propriétés CSS telles que text-overflow: ellipsis fonctionnent bien pour certains éléments, elles ne prennent pas en charge éléments.

Existe-t-il un moyen de tronquer le texte débordant dans les listes déroulantes sans JavaScript ?

Non, il n'existe actuellement aucune solution CSS uniquement pour tronquer le texte débordant en natif listes déroulantes. La propriété text-overflow : points de suspension n'est pas prise en charge pour ces éléments.

Approches alternatives

• Utilisez un remplacement de sélection personnalisé : Personnalisable des solutions telles que Chosen peuvent fournir des implémentations de sélection alternatives prenant en charge la troncature de texte.
• Déposer un bug rapport : Il vaut la peine de contacter les principaux systèmes d'exploitation ou navigateurs pour signaler le manque de prise en charge de la troncature dans les versions natives

éléments. Cet oubli pourrait être corrigé dans les versions futures.

En guise de solution de contournement, les propriétés CSS telles que overflow: Hidden et white-space: nowrap peuvent être utilisées pour empêcher le retour à la ligne du texte mais ne tronqueront pas le débordement.

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!