Comment changer la couleur de l'option sélectionnée à l'aide de CSS

Comment Changer La Couleur De L Option Selectionnee A L Aide De Css



Des options sont données à l'utilisateur lorsque plusieurs valeurs d'un seul élément existent, à partir desquelles les utilisateurs peuvent sélectionner une option en fonction de leurs préférences. Il existe sous différentes formes, telles qu'une case à cocher, un menu déroulant et un bouton radio. Plus précisément, le menu déroulant fournit des listes d'options prédéfinies qui permettent à l'utilisateur d'en sélectionner une.

Ce manuel vous expliquera la marche à suivre pour modifier la couleur de l'option sélectionnée. Pour cela, nous allons d'abord créer un menu déroulant et le styliser à l'aide de CSS, puis modifier la couleur de l'option sélectionnée.







Commençons!



Comment créer un menu déroulant en utilisant HTML et CSS ?

En HTML, vous pouvez créer un menu déroulant en utilisant ' <étiquette> ”, “ ' et ' ' Mots clés. Pour mieux comprendre, passons à la syntaxe du menu déroulant.



Syntaxe





Voici la syntaxe du menu déroulant :

< étiquette > Texte étiquette >
< sélectionner >
< option évaluer = '' > Option 1 option >
< option évaluer = '' > Option 2 option >

...
< option évaluer = '' > optionN option >
sélectionner >



Expliquons les balises HTML utilisées dans la syntaxe ci-dessus :

  • <étiquette> : Il est utilisé pour spécifier l'option abrégée
  •  : Cet élément permet à l'utilisateur de sélectionner un élément dans une liste.
  • Il est utilisé pour fournir des options pour le menu déroulant.

Nous présentons ici un exemple pratique pour expliquer la syntaxe ci-dessus.

Étape 1 : créer un menu déroulant

Premièrement, nous allons créer un

et ajouter un titre en utilisant la balise

. Pour ajouter un menu déroulant à l'intérieur, nous allons utiliser une balise d'étiquette et ajouter ' Choisissez un pays » comme étiquette. Après cela, nous utiliserons la balise