Come modificare il colore dell'opzione selezionata utilizzando CSS

Come Modificare Il Colore Dell Opzione Selezionata Utilizzando Css



Le opzioni vengono fornite all'utente quando esistono più valori di un singolo elemento, da cui gli utenti possono selezionare un'opzione in base alle proprie preferenze. Esiste in diverse forme, come una casella di controllo, un menu a discesa e un pulsante di opzione. In particolare, il menu a tendina fornisce elenchi predefiniti di opzioni che consentono all'utente di selezionarne una.

Questo manuale spiegherà la procedura per modificare il colore dell'opzione selezionata. Per questo, in primo luogo, creeremo un menu a discesa e lo modelleremo utilizzando CSS, quindi cambieremo il colore dell'opzione selezionata.







Iniziamo!



Come creare menu a discesa utilizzando HTML e CSS?

In HTML, puoi creare un menu a discesa usando ' ”, “ ' e ' ” tag. Per capire più chiaramente, passiamo alla sintassi del menu a tendina.



Sintassi





Ecco la sintassi del menu a tendina:

< etichetta > Testo etichetta >
< Selezionare >
< opzione valore = '' > opzione 1 opzione >
< opzione valore = '' > opzione 2 opzione >

...
< opzione valore = '' > opzione N opzione >
Selezionare >



Spieghiamo i tag HTML utilizzati nella sintassi sopra:

  • : Viene utilizzato per specificare l'opzione abbreviata in formato testo.
  • : Questo elemento consente all'utente di selezionare un elemento da un elenco.
  • : Viene utilizzato per fornire opzioni per il menu a discesa.

Qui presentiamo un esempio pratico per spiegare la sintassi di cui sopra.

Passaggio 1: crea un menu a discesa

Per prima cosa creeremo un

e aggiungeremo un'intestazione usando il tag

. Per aggiungere un menu a tendina al suo interno, utilizzeremo un tag etichetta e aggiungeremo “ Scegli un paese ” come l'etichetta. Successivamente, utilizzeremo il tag