Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

coldplay.xixi
Freigeben: 2023-01-05 16:12:59
Original
5712 Leute haben es durchsucht

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS: Verwenden Sie zuerst das p-Tag, um mehrzeiligen Text zu erstellen, und fügen Sie dann das Tag hinzu, und fügen Sie dann den Stil in das Tag ein zu keiner; endlich durchsuchen Öffnen Sie einfach die Datei [test.html] mit Ihrem Computer.

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS:

Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html, um zu erklären, wie CSS verhindern kann, dass der Inhalt auf der Seite ausgewählt wird.

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

Verwenden Sie in der Datei test.html das Tag p, um mehrzeiligen Text zum Testen unten zu erstellen.

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

Fügen Sie in der Datei test.html ein Klassenattribut zum p-Tag hinzu, um den CSS-Stil des p-Tags über diese Klasse festzulegen.

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

Schreiben Sie in die Datei test.html das Tag <style type="text/css"></style>, und der CSS-Stil der Seite wird geschrieben in diesem Tag. <style type="text/css"></style>标签,页面的css样式将写在该标签内。

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

在css标签内,通过class(testpp)设置页面文字的css样式,将user-select

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS

So deaktivieren Sie die Auswahl von Seiteninhalten in CSS在Legen Sie im CSS-Tag den CSS-Stil des Seitentexts über die Klasse (testpp) fest und setzen Sie das Attribut user-select auf „none“, um den Effekt zu erzielen, dass der Seiteninhalt nicht ausgewählt wird.

So deaktivieren Sie die Auswahl von Seiteninhalten in CSSDas vom Benutzer ausgewählte Attribut weist möglicherweise Inkompatibilitätsprobleme mit einigen Browsern niedrigerer Versionen auf. Daher können kompatible Stile hinzugefügt werden, um die Codekompatibilität zu verbessern. Der Code lautet wie folgt:

So deaktivieren Sie die Auswahl von Seiteninhalten in CSSÖffnen Sie die Datei test.html im Browser, um den Effekt zu sehen.

🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die Auswahl von Seiteninhalten in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!