Maison >interface Web >tutoriel CSS >Comment puis-je centrer le texte dans une zone de sélection en utilisant uniquement CSS ?

Comment puis-je centrer le texte dans une zone de sélection en utilisant uniquement CSS ?

Patricia Arquetteoriginal: 2024-12-27 01:58:10492parcourir

How Can I Center Text in a Select Box Using Only CSS?

Centrage du texte dans une zone de sélection : approches CSS uniquement

Malgré les tentatives d'alignement du texte au centre d'une zone de sélection à l'aide de l'option "texte align", le résultat reste insaisissable. Cependant, une solution spécifique au navigateur existe :

Centrage Chrome-Only

Dans Chrome, la propriété "text-align-last" offre une solution partielle :

select { width: 400px; text-align-last:center; }

Bien que cette méthode aligne l'option sélectionnée au centre, elle n'affecte pas les options dans la liste déroulante.

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!

css chrome while select using Property this

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

Article précédent：Comment puis-je obtenir des colonnes de hauteur égale dans Flexbox lorsque les titres s'étendent sur plusieurs lignes ?Article suivant：Comment puis-je obtenir des colonnes de hauteur égale dans Flexbox lorsque les titres s'étendent sur plusieurs lignes ?

Articles Liés

Voir plus