Firefox/Safari – (msc) Wenn der Surfer auf einer Seite Text auswählt, wird dieser invers, d.h. mit blauer Schrift auf weissem Grund dargestellt. Über eine inoffizielle Eigenschaft kann man bei Safari und Firefox die Auswahlfarbe jedoch anpassen:

p::-moz-selection {background:red; color:black;}

p::selection {background:red; color:black;}

Diese beiden CSS-Regeln sorgen dafür, dass ausgewählter Text bei Abschnitten p mit roter Farbe hinterlegt wird (background:red). Der Text selbst wird über color schwarz gefärbt.

Der Pseudo-Selektor -moz-selection gilt für Mozilla-Abkömmlinge (Firefox, Netscape), der Selektor :selection für Safari und Anverwandte, d.h. Konquerer.

Ästheten passen damit auch die Auswahl-Markierung dem Farbkonzept einer Site an: Markieren Sie zum Test beim folgenden Satz einen beliebigen Teil!!

Dies ist ein belangloser Text. Er hat keinen Informationsgehalt. Und dennoch könnte es Surfer geben, die ihn markieren, um ihn in die Zwischenablage zu kopieren.