Wie verwende ich die Benutzerauswahl? Was ist der Standardwert?

Benutzerauswahl wird verwendet, um festzulegen, ob der Benutzer Text auswählen kann. Der Standardwert ist Text, was bedeutet, dass Text ausgewählt werden kann. Es verfügt über drei weitere Attributwerte: keiner kann nicht ausgewählt werden, der gesamte Inhalt kann als Ganzes ausgewählt werden und ein Element kann ausgewählt werden, ist aber durch Elementgrenzen eingeschränkt

Benutzerauswahl Das Attribut ist ein neues Attribut in CSS3 und wird verwendet, um festzulegen, ob der Benutzer Text auswählen kann.

Syntax

user-select:none | text | all | element

Standardwert: Text

Anwendbarer Bereich: Alle Elemente außer Ersatzelementen

Wertbeschreibung übernehmen

keine: Text kann nicht ausgewählt werden

Text: Text kann ausgewählt werden

alle: Alle Inhalte können als Ganzes ausgewählt werden. Wenn Sie auf ein untergeordnetes Element doppelklicken oder im Kontext darauf klicken, ist der ausgewählte Teil das höchste Vorgängerelement, das von diesem untergeordneten Element aus zurückverfolgt wird.

Element: Text kann ausgewählt werden, aber der Auswahlbereich ist durch die Elementgrenze eingeschränkt

Erklärung

1 wird nicht unterstützt Dieses Attribut unterstützt jedoch die Verwendung des Label-Attributs onselectstart=“return false;“, um den Effekt von user-select:none zu erzielen. Dieses Attribut wird weiterhin nicht unterstützt bis Opera12.5, aber mit IE6-9 wird auch die Verwendung des Private-Label-Attributs unselectable="on" unterstützt, um den Effekt von user-select:none zu erzielen; der andere Wert von unselectable ist off; 🎜>3. Zusätzlich zu Chrome und *Safari: Wenn Text auf -ms-user-select:none; eingestellt ist, kann der Benutzer nicht mit der Auswahl von Text innerhalb dieses Textblocks beginnen. Wenn der Benutzer jedoch beginnt, Text in anderen Bereichen der Seite auszuwählen, kann er den Text weiterhin auf -ms-user-select:none * festlegen Die entsprechende Skriptfunktion ist userSelect

Beispiel:

CSS-Code:

.box{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

HTML-Code:

<div class="box" onselectstart="return false;" unselectable="on">
    这是测试数据
</div>

Das obige ist der detaillierte Inhalt vonWie verwende ich die Benutzerauswahl? Was ist der Standardwert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!