Come cambiare il colore del testo selezionato con il mouse.

Come modificare il colore della selezione di un testo sul nostro blog.

Se selezionate un testo con il mouse di default questo si visualizzerà di colore bianco su sfondo celeste. E' una colorazione comune a tutti i browser. Volendo si può cambiare il colore della selezione di un testo in tutto il blog o in un solo post o pagina statica. La personalizzazione funzionerà con tutti i principali browser con l'eccezione di Internet Explorer dove la selezione continuerà a vedersi nello stesso identico modo.

Per modificare il colore della selezione in tutto il blog, dopo aver salvato il template, si va su Modello > Modifica HTML > Procedi e si cerca la riga ]]></b:skin>. Subito sopra si incolla questo codice

::-moz-selection  {
background: #940F04;
color: white;
}
::selection   {
background: #940F04;
color: white;
}

Si salva il modello. Se adesso qualcuno selezionerà una porzione di testo il colore dello sfondo sarà così

Si possono ovviamente cambiare i codici dei colori evidenziati di rosso, uno inserito con il codice HEX e l'altro con il suo nome inglese. Se vogliamo limitarci a un solo post basterà incollare quest'altro codice

<style type="text/css">
::-moz-selection  {
background: #940F04;
color: white;
}
::selection   {
background: #940F04;
color: white;
}
</style>

in modalità HTML prima del contenuto dell'articolo.