Styla markering med pseudo element

Sprang idag på en sida där jag skulle kopiera lite text och fick upp en råsa markering bakom texten. Reagerade direkt, förutom att råsa är den fulaste färgen jag vet så tyckte jag det var rätt coolt att dom hade lyckats förändra detta. Aldrig sett det innan och det visade sig vara ett enkelt CSS trick.

Möjligheten finns som vanligt inte i alla webbläsare. Det har ju dock en naturlig ”fall-back” om det används till det mest grundläggande, dvs systemets fördefinierade.

Lite efterforskning gav mig följande skillnader:

::selection
{
  background: #ffcc11;
}
::moz-selection
{
  background: #ffcc11;
}
::webkit-selection
{
  background: #ffcc11;
}

Länkar

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/
http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#UIfragments