Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

王林
Freigeben: 2020-11-16 13:42:56
Original
2214 Leute haben es durchsucht

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.

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

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;
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage