Eigenschaft user-select - Textauswahl verbieten
Die Eigenschaft user-select steuert das Verhalten
der Textauswahl und anderer Elemente auf der Seite.
Syntax
Selektor {
user-select: none | contain | all | auto | text;
}
Werte
| Wert | Beschreibung |
|---|---|
none |
Text kann nicht ausgewählt werden. |
contain |
Eine Auswahl, die innerhalb des Elements beginnt, wird nicht über die Grenzen dieses Elements hinausgehen. |
all |
Bei einem Doppelklick in einem verschachtelten Element wird der gesamte Inhalt des übergeordneten Elements mit diesem Wert der Eigenschaft ausgewählt. |
auto |
Berechneter Wert, wird automatisch wie folgt bestimmt:
für die Pseudoelemente after und
before
ist der Wert none, für ein bearbeitbares Element
ist der Wert contain, wenn das übergeordnete Element den Wert
all oder none hat - wird derselbe Wert für das Element selbst übernommen,
andernfalls ist der Wert text.
|
text |
Der Benutzer kann Text im Element auswählen. |
Standardwert: text.
Hinweis
Einige Werte werden möglicherweise nicht in allen Browsern unterstützt.
Beispiel . Wert none
Der folgende Text kann nicht ausgewählt werden:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
Siehe auch
-
das Pseudoelement
selection,
das die Stile des ausgewählten Texts steuert -
die Eigenschaft
pointer-events,
die die Reaktion auf die Maus entfernt