Ecco un piccolo code-snippet da tenere a mente, per applicare uno stile al testo selezionato.
Manco a dirlo non funziona su tutti i browsers (Internet Explorer, tanto per cambiare): solo Safari e la famiglia Mozilla.
::-moz-selection {
background:#FFFF99;
color:#333;
}
::selection {
background:#FFFF99;
color:#333;
}
Il primo selettore è interpretato correttamente da Mozilla (lo potete notare dal -moz) il secondo da Safari.
Perchè non raggrupparli? Perchè un bug non lo permette. Infatti se provate così:
::-moz-selection, ::selection {
background:#FFFF99;
color:#333;
}
Non funzionerà.
Se volete applicare lo stile a determinati elementi, basta dichiarare in questo modo (uso div come esempio):
div::moz-selection { ... };
div::selection { ... };
Se volete cancellare completamente lo stile che il browser applica di default alla selezione, potete lasciare il corpo della regola vuoto:
selection:: {}