Leggerai questo articolo in: 1 minuti

Oggi ti segnalo una proprietà css3 che permette di evidenziare il testo del nostro sito di un colore in particolare. Di default il nostro browser evidenzia il testo in bianco con sfondo blu.

proprietà ::selection css3

Attraverso la proprietà css3 ::selection possiamo evidenziare del colore che più ci piace!

Vediamo come utilizzarla:

Codice Html:

1
2
3
4
5
<div id="prova">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu neque, fermentum ut commodo vel, semper sed lacus. Aliquam erat volutpat. Vestibulum convallis turpis id neque auctor non mollis tortor viverra. Etiam at semper enim. Curabitur eu semper dolor. Duis et turpis non metus mollis ullamcorper et lacinia est. Integer bibendum, tortor ut aliquam molestie, justo ipsum fermentum magna, congue porta eros augue in magna. Morbi nec nisl sed purus fermentum convallis et ut eros. Mauris malesuada metus eu purus mattis in vestibulum velit condimentum. Sed porttitor lorem eget erat vulputate mattis. Duis et est in nibh cursus elementum. Quisque laoreet sollicitudin metus et bibendum. Cras at ante non leo faucibus commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris quis mollis nibh. Etiam sed lectus ac libero suscipit adipiscing sit amet at arcu.
</p>
</div>

Codice Css:

1
2
3
4
5
6
7
8
9
10
11
/*Webkit opera, IE9, chrome*/
h1::selection, p::selection{
  color:   #FF00FF   ;
  background: white ; 
}
 
/*Firefox*/
h1::-moz-selection, p::-moz-selection{
  color:   #FF00FF   ;
  background: white ; 
}

Visualizza una demo da qui.
Scarica un esempio da qui.

Semplice no? Non dimenticare di condividere l’articolo con i tuoi amici!

[adsense]