« Abendhimmel
Internet TV von hispeed.ch »

Farbe der Markierung mit CSS ändern

Auf einigen Homepages ist mir schon aufgefallen, dass markierter Text eine andere Farben hat als das Standard blau der meisten Browser.

Nach kurzer Googlesuche stiess ich auf die Lösung: Das CSS Atribut ::selection und ::-moz-selection.

Das Attribut ::selection funktioniert im Safari, für den Firefox muss ::-moz-selection verwendet werden. In anderen Browser funktioniert das ganze soviel ich weiss nicht.

Mit diesem Attribut kann die Text- sowie Hintergrundfarbe von markiertem Text festgelegt werden. So würde ein Beispiel Code aussehen:

::-moz-selection {
background-color: #ccff66;
color: #ffffff;
}

::selection {
background-color: #ccff66;
color: #ffffff;
}

Auch in meinem Blog wird markierter Text nun grün dargestellt:

Farbige Markierung in meinem Blog

Weitere Infos: http://www.quirksmode.org/css/selection.html

Dieser Artikel wurde am Sonntag, 28. Januar 2007 um 15:30 veröffentlicht und ist abgelegt unter Webdesign. Du kannst die Antworten zu diesem Artikel mit Hilfe des RSS 2.0 Feeds verfolgen. Du kannst eine Antwort hinterlassen oder einen Trackback von deiner Seite aus senden.

Eine Antwort zu “Farbe der Markierung mit CSS ändern”

  1. kunstgriff sagt:
    09. März 2009 um 11:09

    Genial! Kurz gegoogelt, das hier gefunden, und es funzt “out of the box”. Merci!
    LG
    Jörg
    P.S.: Ich baue gerade “Kubrick” um, dass du zufällig auch verwendest. IMHO DAS Theme schlechthin. Kann noch ein wenig dauern, bis es auf meinem Blog angekommen ist. Bis dahin (falls Interesse): http://www.klemmchen.de/wp-test/ (extra nicht als Hyperlink gesetzt, damit Akismet nicht verwirrt ist).

Hinterlasse eine Antwort