Personalizzare lo stile del testo selezionato con i CSS!

On 12.15.10, In css, tutorials, by

Sappiamo tutti che i CSS permettono di personalizzare il contenuto e la struttura di una pagina web.
E' per questo motivo che nel tutorial di oggi vi mostrerò come cambiare il colore della selezione utilizzando i CSS.
Windows utilizza un bruttissimo blu scuro per la selezione del testo, Mac invece un blu più chiaro. Mozilla Firefox, Internet Explorer 9, Opera, e browser basati su Webkit consentono di personalizzare lo stile del testo selezionato. Lascia che ti mostri come fare.

 
/* mozilla firefox */
.green p::-moz-selection { background:green; }
/* altri browser che supportano webkit */
.green p::selection { background:green; }
 
 
<div class="pink">
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci.
</div>