Heim > Artikel > Web-Frontend > So brechen Sie die Textauswahl in HTML ab
In HTML können Sie das Attribut „user-select“ verwenden, um die Textauswahl abzubrechen. Sie müssen nur den Code „user-select:none“ für das Element festlegen. Mit dem Attribut „user-select“ wird festgelegt, ob der Benutzer Text auswählen kann. Wenn der Wert „none“ ist, bedeutet dies, dass der Text nicht ausgewählt werden kann.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Das User-Select-Attribut ist ein neues Attribut in CSS3, mit dem festgelegt wird, ob der Benutzer Text auswählen kann. Es kann für alle Elemente außer Ersatzelementen verwendet werden. Im Folgenden finden Sie eine Beschreibung der Hauptverwendung und Vorsichtsmaßnahmen für die Benutzerauswahl. Weitere Informationen finden Sie in der folgenden CSS3-Dokumentbeschreibung.
**user-select:**none |
none: Text kann nicht ausgewählt werden
text: Text kann ausgewählt werden
Element: Text kann ausgewählt werden, aber der Auswahlbereich ist durch die Elementgrenze eingeschränkt
(3) Beschreibung
1.IE6-9 unterstützt dieses Attribut nicht, unterstützt aber die Verwendung des Label-Attributs onselectstart="return false; "um Benutzer zu erreichen- Der Effekt von select:none; Safari und Chrome unterstützen dieses Label-Attribut ebenfalls;
2. Dieses Attribut wird bis Opera12.5 noch nicht unterstützt, unterstützt aber wie IE6-9 auch die Verwendung von privat Label-Attribut „on“ um dies zu erreichen. Der andere Wert von „unselectable“ ist deaktiviert
4; festlegen Funktion ist userSelect
( 4) Beispiel
CSS-Code:
.box{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
HTML-Code:
f79b5c1eb90a830d712ab106435f834a 这是测试数据 16b28748ea4df4d9c2150843fecfba68
HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo brechen Sie die Textauswahl in HTML ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!