Wie man bestimmten Text mit CSS nicht auswählbar macht

Question

Die Kopfzeile meiner Seite hat einen zentrierten Text, aber ich möchte nicht, dass der Benutzer ihn auswählen kann. Gibt es eine Möglichkeit, dies mit CSS zu erreichen?

Answer 1

Das unten stehende CSS verhindert, dass Benutzer Text auswählen können.

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

Für IE9 abwärts wird das html-Attribut unselectable muss stattdessen verwendet werden:

<p unselectable="on">Test Text</p>

Answer 2

Ein einfaches Hintergrundbild für die Textarea reicht aus.

Oder

<div onselectstart="return false">your text</div>