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

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS3 ::selection-Selektor

::selection CSS-Pseudo-Element wird auf den Teil des Dokuments angewendet, der vom Benutzer hervorgehoben wird (z.B. durch die Verwendung von Maus oder anderen Auswahlgeräten ausgewählt).

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

Wählen Sie den ausgewählten Text blau:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>Versuchen Sie, einige Texte auf dieser Seite auszuwählen</h1>
<p>Das sind einige Texte.</p>
<div>Das sind einige Texte im div-Element.</div>
<a href="//de.oldtoolbag.com/" target="_blank">Verknüpfung oldtoolbag.com!/a>
</body>
</html>
Testen Sie es heraus ‹/›

Definition und Verwendung

::selection {
  background-color: cyan;
}

::selection-Selektoren passen auf den Teil des Elements, der vom Benutzer ausgewählt oder markiert ist.

::selection kann nur auf eine begrenzte Anzahl von CSS-Eigenschaften angewendet werden: color, background, cursor und outline.

Browserkompatibilität

IEFirefoxOperaChromeSafari

E9+, Opera, Google Chrome und Safari unterstützen ::selection-Selektoren.

Firefox verwendet seine privaten Eigenschaften ::-moz-selection Unterstützung.

Vollständiges Referenzhandbuch für CSS-Selektoren