Sebbene questa dichiarazione CSS3 potrebbe non essere fondamentale per il vostro progetto o disegno e, anche se non è supportato da tutti i browser, si presenta come un effetto fantastico che da al progetto un’ulteriore spinta in avanti.

CSS

Attualmente FireFox, Safari, Chrome e Opera supporta l’attributo per la sezione di testo, e il browsers che non lo supportano semplicemente ignorano il codice in modo silenzioso, quindi non ha molta importanza.
C’è una demo che si può provare più in basso nella pagina, usando i colori DesignJuices nell’esempio.
Il frammento di base per raggiungere questo obiettivo è il seguente:
::selection {
  background:#f094b7;
  color:#555;
}
::-moz-selection {
  background:#f094b7;
  color:#555;
}
::-webkit-selection {
  background:#f094b7;
  color:#555;
}
Ora, se siete interessati ad un colore per l’elemento di testo evidenziato il lavoro finisce qui, ma ci possono essere circostanze dov’è necessario disporre di diverse colori per sezioni diverse della pagina.
Possiamo avere più di una istanza di questi selettori utilizzando le classi, ad esempio:
p.orange::selection {
  background:#c2660d;
  color:#fff;
}
p.orange::-moz-selection {
  background:#c2660d;
  color:#fff;
}
p.orange::-webkit-selection {
  background:#c2660d;
  color:#fff;
}

p.blue::selection {
  background:#2d7e99;
  color:#fff;
}

p.blue::-moz-selection {
  background:#2d7e99;
  color:#fff;
}

p.blue::-webkit-selection {
  background:#2d7e99;
  color:#fff;
}
Demo Live
Date un’occhiata alla demo (cliccando sul tab Result) per vedere l’effetto in tutta la sua gloria, si prega di notare che dovrete visualizzare la demo utilizzando un browser compatibile di cui sopra.
`
Similari
Finestre di messaggio CSS con CSS3
18% Css3
Quando si sviluppano applicazioni Web e si vuole visualizzare i messaggi all’utente, sarebbe opportuno renderli il più chiaro possibile. Inoltre, i colori possono dare all’utente una rapida occhiata su quello che sta succe…
25 Tricks in CSS da conoscere
16% Css
Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know. …
La Top 10 dei comandi in CSS3
11% Css
CSS3 sta davvero iniziando a prendere slancio con molti dei comandi descritti nel lavoro del progetto CSS3 supportato da Firefox, Safari e Google Chrome. Ho pensato di mettere insieme alcuni dei miei preferiti. [expand tit…
Selettori CSS definiti
10% Css
Se avete appena iniziato con i CSS, è bene avere una comprensione fondamentale di ciò che si intende quando ci riferiscono ai selettori CSS. In questo post farò una breve descrizione dei più noti selettori CSS insieme ad a…
Caricare i files con jQuery
9% JQuery
jQuery File Upload è un widget di jQuery per tutti i tipi di progetti web che vogliono offrire la possibilità di caricare dei files nel proprio sito. Questo widget fornisce un interessante supporto per caricare i files in …