Dr.House: Pseudo-Element :after überschreiben

Beitrag lesen

Hallo,

ich habe ein Pseudoelement :after, in dem eine "background" Farbe gesetzt wird und möchte, dass der Anwender per CMS die Farbe selbst über einen Farbwähler bestimmen kann.

Ich habe nur folgenden Weg gefunden, der aber von den meisten Browsern noch nicht unterstützt wird:

  
  
.foo:after {background:attr(data-color)}  
  

  
  
<div class="foo" data-color="#696969">...</div>  
  

Kann ich irgendwie mit style="" die Pseudo-Klasse selektieren, oder bleibt nur der Javascript-Weg? Auf :after möchte ich nicht verzichten, dahinter steckt ein kompliziertes Konstrukt.

Danke!