Come modificare il colore di un elenco a discesa

November 22

L'elenco a discesa è una parte importante di molte forme basate sul Web, in quanto consente all'utente sito per scegliere da un elenco compatto di opzioni definite dal programmatore web. Se si vuole dare ai vostri elenchi a discesa un po 'di stile, si può provare a cambiare il CSS "background-color" proprietà di ogni opzione elenco o l'intero elenco a discesa. Cambiando il colore di opzioni specifiche, è possibile raggruppare simili scelte di fondo. Un cambiamento stilistico come questo può aiutare gli utenti a trovare l'opzione elenco a discesa che stanno cercando più velocemente.

istruzione

1 Aprire un documento di una pagina web in un editor HTML o testo. Per aprire un documento di una pagina web utilizzando l'editor di testo predefinito, fare clic sul documento, quindi fare clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad", quindi fare clic su "OK".

2 Fare clic per posizionare il cursore su una riga vuota tra il "<form>" e "</ form>" tag che costituiscono l'inizio e la fine della vostra forma sito web. Se non si desidera creare l'elenco a discesa come parte di un modulo online, fare clic per posizionare il cursore su una riga vuota tra il "<body>" e "</ body>" tag, in un punto nel web documento di una pagina in cui si desidera creare l'elenco a discesa.

3 Digitare "<select size = '1' style = 'background-color: [ColorValue];'>" e premere "Invio" per aprire il tag elenco a discesa. Sostituire il "[ColorValue]" testo nella proprietà "background-color" con un valore esadecimale del colore, come ad esempio "#FFFFFF" per il bianco o "# ff0000" per il rosso. Questo cambierà il valore del colore di sfondo per l'intero elenco a discesa, ma questo valore può essere ignorato specificando un valore colore di sfondo per una singola opzione nell'elenco a discesa.

4 Type "<option value = '[OptionValue]' style = 'background-color: [ColorValue];'> Value Option </ option>" e premere "Invio" per creare un valore di opzione. Sostituire il testo "[OptionValue]" con il valore di opzione, che è un valore forma unica che verrà utilizzato durante l'elaborazione del modulo. Sostituire il testo "[ColorValue]" con un valore esadecimale del colore per cambiare il colore di questa opzione solo sfondo.

5 Ripetere il passaggio precedente per creare opzioni aggiuntive nel menu a discesa. Ogni opzione può essere impostato per utilizzare un colore di sfondo diverso. Tutte le opzioni senza un colore di sfondo definito torneranno al colore di sfondo definito nel tag "<select>" al punto 3.

6 Tipo "</ select>" per chiudere il tag elenco a discesa.

7 Fare clic sul menu "File" nel codice HTML o editor di testo, quindi fare clic su "Salva".