X

Tutte le novità del CSS 3 #3 – Colore della selezione

Pubblicato da il giorno 18 gennaio 2010

css3-selection-color

Ed eccomi tornato come di consueto ogni settimana con nuove novità del CSS 3.

Per questa settimana ci limiteremo a vedere un piccolo tips, attualmente utilizzabile, che permette di modificare il colore della selezione di un testo nei browser più moderni come Firefox e Safari che al momento credo siano i due unici browser a supportare le funzioni che vi elencherò.

Allora il tutto è molto semplice e per realizzarlo basta utilizzare qualche linea di CSS, come quella dell’esempio sottostante dove applico vari colori alla selezione di alcuni paragrafi (p)

 #paragrafo::selection
{
background: #ee4c4c; /* Per Safari e gli altri browser */
}
#paragrafo::-moz-selection
{
background: #ee4c4c; /* Per Firefox */
}

Smanettando un poco con i colori riuscirete a ottenere effetti come quello sottostante che, se applicati in maniera intelligente in concordanza col resto della grafica, potranno dare al vostro sito quel tocco di classe in più ;)

Sperando che questa settimana, anche se breve, il mio articolo vi sia piaciuto. Alla prossima! :)

, 147 articoli pubblicati

Studente di ingegneria elettronica, nel tempo libero scrivo qui su Skimbu (o nel mio blog), programmo per iOS (la mia ultima creazione è OnSale). I principali argomenti da me trattati sono programmazione e design.

Visita il sito web di questo autore

Condividi l'articolo!

  • http://www.skimbu.it Alberto Ziveri

    bello! potresti fare una rubrica simile per l’html 5

  • http://www.youtube.com/user/WebDesigner92 WebDesigner92

    @ Alberto Ziveri:
    Vedrò di farlo dopo essermi documentato un po’ sull’argomento…
    Grazie per l’idea! :D