So deaktivieren Sie die Textauswahl in CSS

Die Möglichkeit, die Textauswahl in CSS zu verhindern, besteht darin, das Attribut user-select hinzuzufügen und den Attributwert auf none zu setzen, was bedeutet, dass der Text nicht ausgewählt werden kann. Der spezifische Code ist wie [user-select:none;].

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Wenn wir in einem Webbrowser auf Text doppelklicken, wird der Text ausgewählt oder hervorgehoben. Was also, wenn wir dieses Verhalten verbieten wollen? Es ist eigentlich ganz einfach, verwenden Sie einfach die folgenden Eigenschaften.

Das User-Select-Attribut gibt an, ob der Text des Elements ausgewählt werden kann.

Wenn Sie in einem Webbrowser auf Text doppelklicken, wird der Text ausgewählt oder hervorgehoben. Diese Eigenschaft wird verwendet, um dieses Verhalten zu verhindern.

Syntax:

user-select: auto|none|text|all;

Attributwert:

• auto Standard. Text kann ausgewählt werden, wenn der Browser dies zulässt.

• keine Textauswahl verhindern.

• Text Text kann vom Benutzer ausgewählt werden.

• alle Klicken Sie, um Text auszuwählen, anstatt zu doppelklicken.

Der Implementierungscode lautet wie folgt:

PC-Seite:

.not-select{
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}

Mobile Seite:

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

Zugehörige Videofreigabe: CSS-Video-Tutorial

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