CSS implementiert die Funktion, die Auswahl von Seitentext zu verhindern

Verwenden Sie CSS, um zu verhindern, dass Seitentext ausgewählt wird.

(Empfohlenes Tutorial: CSS-Tutorial.) Steuern Sie, ob die Auswahl ausgewählt werden kann . Diese Funktion ist nicht standardmäßig. Versuchen Sie bitte, sie nicht in einer Produktionsumgebung zu verwenden!

.cannotselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

none: Der Text innerhalb des Elements und seiner Unterelemente wird nicht ausgewählt.

Text: Der Benutzer kann den Text auswählen.

all: Wenn in einem HTML-Editor auf ein Unterelement oder einen Kontext doppelgeklickt wird, wird das letzte ausgewählt Das Element, das das Unterelement enthält, wird ebenfalls ausgewählt. Elemente der obersten Ebene werden ebenfalls ausgewählt.

Element: Gültig in Firefox und IE. Die Auswahl wird jedoch durch die Grenzen dieses Elements begrenzt.

-webkit-touch-callout

Diese CSS-Eigenschaft deaktiviert die standardmäßige Callout-Anzeige. Das Callout bezieht sich auf die Eingabeaufforderung, die angezeigt wird, wenn ein Element berührt und gehalten wird.

Wenn Sie unter iOS ein Zielelement gedrückt halten, zeigt Safari eine Hinweismeldung zum Link an. Mit dem Attribut webkit-touch-callout kann dieses Verhalten deaktiviert werden. Das Attribut

-webkit-touch-callout wurde erstmals auf iOS 2.0 implementiert und später zu WebKit hinzugefügt.

Zulässige Werte

Standard: Dieser Wert gibt an, dass das Standard-Callout angezeigt wird.

none: Dieser Wert gibt an, dass das Callout angezeigt wird deaktiviert

Browserkompatibilität Sex

Das obige ist der detaillierte Inhalt vonCSS implementiert die Funktion, die Auswahl von Seitentext zu verhindern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!