Hintergrundfarbe von selektiertem Text

[Max Smily]

Hallo Forum,

eine schöne Seite im Internet heißt http://www.photocase.de. Einige werden sie sicher kennen. Dort (und auch schon woanders) hab ich entdeckt, dass selektierter Text farblich passend zur Seitengestaltung hinterlegt wird. Also wenn ich etwas zum Kopieren markiere, dann hat die Hintergrundfarbe des Markierungsbereiches die selbe Farbe wie z.B. die Links der Seite und nicht wie sonst das bekannte Dunkelblau.

Wie macht man das?

Bei der angegebenen Beispielseite funktioniert es allerdings nur im Firefox. IE6 macht es nicht. Andere hab ich nicht getestet.

Viele Grüße
Max Smily

[Jonathan]

Wie macht man das?

Mit Mozilla-Spezifischen CSS. So z.B.:

::-moz-selection {  
    background: #F00;  
    color: #FFF;  
}

Der IE kann das natürlich nicht.

[MudGuard]

Hi,

eine schöne Seite im Internet heißt http://www.photocase.de. Einige werden sie sicher kennen. Dort (und auch schon woanders) hab ich entdeckt, dass selektierter Text farblich passend zur Seitengestaltung hinterlegt wird. Also wenn ich etwas zum Kopieren markiere, dann hat die Hintergrundfarbe des Markierungsbereiches die selbe Farbe wie z.B. die Links der Seite und nicht wie sonst das bekannte Dunkelblau.

Wie macht man das?

CSS 3 wird einen Selector ::selection enthalten.
Geckos haben das schon als ::-moz-selection implementiert.

Auf der angegebenen Seite enthält das http://www.photocase.de/en/css/classes.css folgende Zeilen:

::-moz-selection {
   background: #2E9CC0;
   color: #fff;
}

Bei der angegebenen Beispielseite funktioniert es allerdings nur im Firefox. IE6 macht es nicht.

IE6 kann ja auch noch weniger CSS als IE7 ...

cu,
Andreas

[wahsaga]

hi,

eine schöne Seite im Internet heißt http://www.photocase.de. Einige werden sie sicher kennen. Dort (und auch schon woanders) hab ich entdeckt, dass selektierter Text farblich passend zur Seitengestaltung hinterlegt wird. Also wenn ich etwas zum Kopieren markiere, dann hat die Hintergrundfarbe des Markierungsbereiches die selbe Farbe wie z.B. die Links der Seite und nicht wie sonst das bekannte Dunkelblau.

Wie macht man das?

Bei der angegebenen Beispielseite funktioniert es allerdings nur im Firefox.

http://www.photocase.de/de/css/classes.css

/*stuff*/  
::-moz-selection {  
    background: #2E9CC0;  
    color: #fff;  
}

gruß,
wahsaga

[Max Smily]

Vielen Dank für die Antworten.

Ich hatte mir schon gedacht, dass es sich um eine CSS-Formatierung handelt. Mein scheuer Blick in die CSS-Datei der angegebenen Seite hatte mich nichts entdecken lassen.

Jetzt, wo ich weiß wonach ich suchen muß, hab ich den Eintrag auch tatsächlich in Zeile 4700 gefunden (zusammenfassende Ausgabe aller eingebundenen CSS-Dateien).

Grüße
Max Smily