Wie man Text mit CSS nicht ausgewählt macht
Es ist wichtig, persönliche Informationen und private Details auf Webseiten zu sichern. Diese Art von Informationen kann in verschiedenen Formaten wie Bildern, Videos und Textformen erfolgen. Die unsicherste Form ist Text
Weil es klar und einfach ist, von einem Ort zum anderen zu kopieren. Um solche Situationen anzugehen, können Sie den Text mit einigen speziellen CSS -Selektoren oder Eigenschaften nicht wählbar machen.
Diese Beschreibung bietet eine detaillierte Anleitung dazu, wie Sie einige Text in CSS nicht auswählbar machen können
Wie man Text mit CSS nicht ausgewählt macht?
In CSS verwenden wir den folgenden Begriff, um Text nicht wählbar zu machen:
- Benutzer-Select-Eigenschaft
- :: Auswahlauswahl
Erkunden wir jede Eigenschaft nacheinander!
Methode 1: Machen Sie den Text mithilfe der CSS-Benutzer-Select-Eigenschaft nicht wählbar
Der "BenutzerauswahlEigenschaft entscheidet über das Verhalten, wie der Text eines Elements ausgewählt wird. Wenn das "keinerDer Wert wird dieser Eigenschaft zugewiesen und beschränkt die Auswahl des Textes.
Erforschen wir mehr über diese Eigenschaft, indem Sie das folgende Beispiel überprüfen.
Beispiel
Derzeit haben wir einen Text auf unserer Seite im ausgewählten Zustand und möchten diesen Text mithilfe von CSS nicht ausgewählt werden:
In unserer HTML -Datei werden wir dem "dem" einen Text zuweisen " Html LinuxHint.io Verwenden Sie in der CSS -Datei einfach die “Benutzerauswahl”Eigenschaft mit dem Wert“keiner”.Dadurch wird der Text jeweils nicht wählbar. CSS Speichern Sie nun den genannten Code und öffnen Sie ihn in Ihrem Lieblingsbrowser: Ich möchte etwas Interessanteres lernen? Bewegen wir uns in Richtung Methode zwei. Methode 2: Machen Sie den Text mit CSS :: Selection Selector nicht wählbar In CSS, die “::AuswahlDer Selektor wird verwendet, um den ausgewählten Teil eines Elements zu stylen. Mit diesem Selektor können nur wenige CSS -Eigenschaften verwendet werden, z. B. Hintergrund, Farbe, Umriss und Cursor. Beispiel Setzen Sie die “::Auswahl”Selektor mit dem Element. Geben Sie im nächsten Schritt die “an"Hintergrund”Eigenschaft mit dem Wert“RGBA (0, 0, 0, 0)”. Dadurch wird die Textauswahl transparent. Notiz: Verwenden der Kombination der angegebenen Selektor- und CSS -Eigenschaft können der Text weiterhin ausgewählt werden. Niemand wird jedoch wissen, ob der Text ausgewählt ist oder nicht, wegen seiner Transparenz: Ausgang Wir haben die einfachsten Methoden abgedeckt, um Text in CSS nicht abzuwählen zu machen. Abschluss Um den Text nicht wählbar zu machen, “Benutzerauswahl”Eigentum und“::Auswahl”Selektor kann verwendet werden. Wenn Sie einfach die Nutzerauswahleigenschaft auf keine setzen. Darüber hinaus kann der :: Selection -Selektor auch mit Hintergrundeigenschaft verwendet werden. In diesem Beitrag haben Sie gelernt, wie man einen Text mit Hilfe von CSS nicht wählbar macht P
Benutzer-Select: Keine;P :: Auswahl
Hintergrund: RGBA (0, 0, 0, 0)