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
La Top 10 dei comandi in CSS3
150% 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…
Fondamentali di jQuery
90% JQuery
[nextpage title=”Benvenuti”] jQuery stà diventando rapidamente uno strumento che ogni sviluppatore web di interfacce dovrebbe conoscere. Lo scopo di questo libro è di fornire una panoramica della biblioteca, in modo che qu…
Python per tutti
78% Python
[nextpage title=”Copertina”] Python para todos è un libro sulla programmazione in Python. Questo è un tutoriale su Python adatto a tutti i livelli e si può scaricare in pdf gratuitamente in spagnolo. Il tutoriale di Python…
Regole fastidiose ai web designer
61% Css3
Per la maggior parte dei webdesigner, lo stile di un sito web con i CSS è abbastanza semplice. Fintanto che il codice HTML è semantico e i div e le classi sono progettati in modo sensibile, il processo di sviluppo dovrebbe…
Selettori CSS definiti
50% 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…