So legen Sie CSS fest, um zu verhindern, dass Text ausgewählt wird

So legen Sie Text fest, der in CSS nicht ausgewählt werden kann: Sie können ihn mit dem user-select-Attribut festlegen, z. B. [user-select:none]. Das User-Select-Attribut ist neu in CSS3 und dient zur Steuerung der Selektivität von Inhalten.

Attributeinführung:

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

(Teilen von Lernvideos: css-Video-Tutorial)

Code-Implementierung:

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

Attributwert:

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

• none – der Benutzer Innerhalb des Elements kann nichts ausgewählt werden

• Text – Der Benutzer kann Text innerhalb des Elements auswählen

• element – ​​Text ist auswählbar, aber nur innerhalb der Grenzen des Elements (wird nur von IE und FF unterstützt) alle – Während der Bearbeitung Innerhalb Wenn im Container ein Doppelklick/Kontextklick auf ein untergeordnetes Element erfolgt, wird das Vorgängerelement der höchsten Ebene dieses 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 Eingabefeld (im IE-Browser wird dies durch onselectstart="javascript:return false erreicht). ;" event Functional)

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie CSS fest, um zu verhindern, dass Text ausgewählt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!