Markieren von Texten mit CSS beeinflussen
Textelemente farblich hinterlegen
Das CSS-Pseudoelement ::selection kann eingesetzt werden, um das Aussehen eines Elements zu definieren, welches markiert wird. Darüber kann zum Beispiel die Hintergrundfarbe eines markierten Textes verändert werden. Das nachfolgende CSS-Beispiel sorgt dafür, dass jeder markierte Text einen orangen Hintergrund erhält.
::selection{
background-color: orange;
}
Weitere Informationen zu der CSS-Funktion user-select können im Mozilla Developer Network web docs nachgelesen werden.
Markieren von Texten verhindern
Mit der CSS-Funktion user-select und dem Attribut none kann das Markieren von Texten unterbunden werden. Ohne Browser-Prefix wird der Befehl nur von Chrome und Safari interpretiert. Weitere Informationen zu der CSS-Funktion user-select können im Mozilla Developer Network web docs nachgelesen werden.
.antiselect{
user-select: none;
}
Diese Funktion bietet keinen echten Schutz, denn über die Ansicht des Quelltextes und die Entwicklertools der Web-Browser kann trotzdem auf den Inhalt zugegriffen werden.
