Lexique informatique › Web › Select personnalisable

Select personnalisable appearance: base-select

Web Svenska → Mis à jour: 2026-09-21

Enfin pouvoir styliser un <select> avec CSS. Cela paraît anodin, mais supprime de chaque design system des milliers de lignes de JavaScript critique pour l'accessibilité.

La raison pour laquelle cela n'a jamais fonctionné : la liste déroulante est dessinée par le système d'exploitation et non par le moteur de mise en page du navigateur, et échappe donc à CSS. Résultat : quiconque voulait un menu déroulant conforme à son design en a construit un de remplacement à partir d'éléments div — et a dû reconstruire de zéro la navigation au clavier, la prise en charge des lecteurs d'écran, l'intégration aux formulaires et le comportement sur mobile, ce qui n'est presque jamais tout à fait réussi. Le nouveau modèle permet à l'élément d'y adhérer avec appearance: base-select ; la fenêtre contextuelle est alors faite de nœuds DOM ordinaires qu'on peut styliser, et les options peuvent contenir des images et de la structure. La première implémentation est arrivée dans Chromium 135 en 2025.

← Retour au lexique