Vom Benutzer ausgewählte CSS - Eigenschaft
Beispiel
Textauswahl eines <div>-Elements verhindern:
div
{
-webkit-user-select: none; /* Safari */
-ms-user-select:
none; /* IE 10 and IE 11 */
user-select: none; /* Standard
syntax */
}
Definition und Verwendung
Die user-select
Eigenschaft gibt an, ob der Text eines Elements ausgewählt werden kann.
Wenn Sie in Webbrowsern auf einen Text doppelklicken, wird er ausgewählt/hervorgehoben. Diese Eigenschaft kann verwendet werden, um dies zu verhindern.
Standardwert: | Auto |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.userSelect="none" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -webkit- oder -moz- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
user-select | 54.0 6.0 -webkit- |
79.0 10.0 -ms- |
69.0 2.0 -moz- |
3.1 -webkit- | 41.0 15.0 -webkit- |
CSS-Syntax
user-select: auto|none|text|all;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
auto | Default. Text can be selected if the browser allows it | |
none | Prevent text selection | |
text | The text can be selected by the user | |
all | Text selection is made with one click instead of a double-click |
Verwandte Seiten
HTML-DOM-Referenz: userSelect-Eigenschaft