Nwlapcug.com


Come cambiare un colore di sfondo DIV per una casella di controllo deselezionata

Come cambiare un colore di sfondo DIV per una casella di controllo deselezionata


Modificare il colore di sfondo di un controllo checkbox non influirà il modo in che cui funziona. Semplicemente vi permetterà di personalizzare ulteriormente il tuo sito Web per renderlo levarsi in piedi fuori dal resto. Seguendo pochi semplici passi, è possibile modificare facilmente il colore di una casella di controllo tutte le volte che si desidera, semplicemente cambiando il codice esadecimale in background codice CSS.

Istruzioni

1

Aprire la pagina di origine HTML per il tuo sito. Decidere dove si desidera inserire la vostra caselle di controllo.

2

Inserire il codice seguente:

"< input type ="checkbox"name ="a"class ="in stile"/ >"

3

Aprire il foglio di stile e creare lo stile per la casella di controllo:

"{.checkbox

width: 19px;

height: 25px;

padding: 0 5px 0 0;

background: #556737t;

display: block;

clear: left;

float: left;

}"

4

Modificare il colore di sfondo modificando il codice riportato di seguito e utilizzando il proprio codice esadecimale:

"background: #556v7t;"

5

Caricare il nuovo HTML e fogli di stile al tuo sito Web attraverso il pannello di controllo.

6

Visualizzare in anteprima il tuo sito Web nel tuo browser per garantire che le modifiche di colore ha funzionato.

Consigli & Avvertenze

  • Assicurarsi che JavaScript sia abilitato nel computer. Disabilitarlo verrà ripristinato le modifiche alle impostazioni predefinite.