So machen Sie Text in CSS nicht auswählbar

CSS-Methode, um zu erkennen, dass Text nicht ausgewählt werden kann: Sie können das User-Select-Attribut verwenden, z. B. [-webkit-user-select:none;-moz-user-select:none;]. Das User-Select-Attribut wird verwendet, um die Auswählbarkeit von Inhalten zu steuern.

Attributeinführung:

user-select ist eine neue Funktion in der CSS3-UI-Spezifikation, mit der die Selektivität von Inhalten gesteuert wird.

(Lernvideo-Empfehlung: css-Video-Tutorial)

Attributwert:

auto – Standardwert, der Benutzer kann den Inhalt im Element auswählen

none – der Benutzer kann keinen Inhalt im Element auswählen

Text – Benutzer kann Text innerhalb von Elementen auswählen.

Element – ​​Text ist auswählbar, aber nur innerhalb der Grenzen des Elements (wird nur von IE und FF unterstützt).

all – Innerhalb des Editors, wenn ein Doppelklick/Kontextklick innerhalb des Elements erfolgt child Bei einem Element wird das Vorgängerelement der höchsten Ebene des Elements ausgewählt.

-moz-none – privat für Firefox, der Text von Elementen und Unterelementen kann nicht ausgewählt werden, mit Ausnahme des Textes im Eingabeeingabefeld (diese Funktion wird durch das Ereignis onselectstart="javascript:return false;" in implementiert IE-Browser)

Codebeispiel:

/*设置文字不能被选中     以下为css样式*/
-webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo machen Sie Text in CSS nicht auswählbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!