Nwlapcug.com


Come modificare il colore di un elenco a discesa

L'elenco a discesa è una parte importante di molte forme di Web-based, in quanto permette all'utente di sito Web di scegliere da un elenco compatto delle opzioni definite dal programmatore web. Se volete dare il vostro elenchi a discesa un po' di stile, è possibile provare a modificare la proprietà CSS "background-color" di ogni opzione elenco o l'intero elenco a discesa. Cambiando il colore di sfondo di opzioni specifiche, è possibile raggruppare scelte simili. Un cambio di stile come questo può aiutare opzione elenco di trovare l'elenco a discesa utenti che stanno cercando più rapidamente.

Istruzioni

1

Aprire un documento di pagina web in un editor di testo o HTML. Per aprire un documento di pagina web utilizzando l'editor di testo predefinito, fare clic destro il 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 la "< forma >" e "< / form >" tag che costituiscono l'inizio e la fine del tuo modulo dal sito Web. Se non si desidera creare l'elenco a discesa come parte di un modulo in linea, fare clic per posizionare il cursore su una riga vuota tra la "< body >" e "< / body >" tag, in un punto del documento di pagina web in cui si desidera creare l'elenco a discesa.

3

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

4

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

5

Ripetere il passaggio precedente per creare ulteriori opzioni nell'elenco a discesa. Ogni opzione può essere impostata su utilizzare un colore di sfondo diverso. Tutte le opzioni senza un colore di sfondo definito verranno ripristinato il colore di sfondo definito nel tag "< select >" nel passaggio 3.

6

Digitare "< / selezionare >" per chiudere il tag di elenco a discesa.

7

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