03.10.12

CSS: Nicht selektierbarer Text

In manchen Anwendungsfällen kann es nützlich sein, wenn es nicht möglich ist, den gesamten Text einer Website zu markieren. Es kann zum Beispiel störend sein, wenn man unabsichtlich das Menü oder einen Text im Footer markieren kann.




Dies kann man jedoch mit einer CSS-Eigenschaft leicht verhindern:

.menu {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

	user-select: none;
}

Dabei gibt es jedoch folgende Einschränkungen:

• Die Eigenschaft user-select ist nicht Teil eines W3C Standard und wird nur von manchen Browsern unterstützt.
• Opera unterstützt diese Eigenschaft gar nicht (auch nicht via vendor prefix).
• Der Internet Explorer unterstütz -ms-user-select erst ab Version 10.

Das könnte Sie auch interessieren:

• Internet Explorer: CSS Transparenz und Text
• CSS: Schriftfarbe von deaktivierten Textboxen ändern
• Favicon einbinden
• Website mit Touchicon ausstatten
• PHP: RSS Feed Reader in 10 Minuten

Sag deine Meinung

Die E-Mail Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.