[CSS] Firefox: Darstellungsprobleme bei contenteditable

Das HTML-Attribut "contenteditable" ist eine tolle Sache. Einmal aktiv, kann der User den Inhalt des Elements bearbeiten. WYSIWYG-Editoren wie der CKEditor oder TinyMCE setzen diese Technik ein um das WYSIWYG zu ermöglichen.

Im Firefox gibt es hier allerdings einen kleinen Bug. Links innerhalb eines Elements mit aktiven contenteditable, werden blau/lila und unterstrichen dargestellt, unabhängig davon, was der User per CSS definiert hat.

Woran liegt das? Ganz einfach, an folgender CSS-Definition im User-Agent-CSS des Firefox':

a:link:-moz-read-write {
    color: -moz-hyperlinktext;
    text-decoration: underline -moz-anchor-decoration;
}

Das nervt etwas, da man diese Definition überschreiben muss um die Link-Darstellung an das Layout der Seite anzupassen:

a:link:-moz-read-write {
    color: green;
    text-decoration: none;
}

Ob das nun ein Bug ist oder einen tiefgründigen Sinn hat, weiß ich nicht genau. Habe darüber leider auch nicht viel herausgefunden.