English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @CSS (RULES)

Completo elenco delle proprietà CSS

Selettore ::selection CSS3

Il pseudo-elemento ::selection CSS viene applicato alla parte dell'utente selezionata o evidenziata nel documento (ad esempio, utilizzando il mouse o altri dispositivi di selezione).

Manuale di riferimento completo per i selettori CSS

Esempio online

Renderizza il testo selezionato in blu:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>Prova a selezionare alcuni testi di questa pagina</h1>
<p>Questo è un testo.</p>
<div>Questo è un testo all'interno dell'elemento div.</div>
<a href="//it.oldtoolbag.com/" target="_blank">Collegamento a oldtoolbag.com!</a>
</body>
</html>
Prova a vedere ‹/›

Definizione e uso

::selection {
  background-color: cyan;
}

Il selettore ::selection abbinisce la parte dell'elemento selezionata o evidenziata dall'utente.

::selection può essere applicato solo a pochi attributi CSS: color, background, cursor e outline.

Compatibilità del browser

IEFirefoxOperaChromeSafari

E9+, Opera, Google Chrome e Safari supportano il selettore ::selection.

Firefox supporta ::-moz-selection tramite la sua proprietà privata.

Manuale di riferimento completo per i selettori CSS