Can Angular 2 use property-binding on a :before or :after element?

Asked Nov 02 '16 at 09:50

Active Nov 02 '16 at 09:52

Viewed 848 times

I am templating a page and need to bind to the border-color property of a div's css :before element. Is this possible in Angular 2?

I know I could write some css and use class binding to toggle the color, but this requires all possible colors to be known beforehand so it's not the solution I'm looking for.

asked Nov 02 '16 at 09:50

L.V.

I can't imagine how this could work. The only thing is `ngStyle` and I don't see how this could be applied to a before or after element. – Günter Zöchbauer Nov 02 '16 at 09:56
2

After a good cup of coffee I came up with a workaround for my case at least: I'll bind to the parent element's border-color and set the :before border-color to `inherit`. – L.V. Nov 02 '16 at 10:20
try currentColor property in css – Eswar Nov 02 '16 at 11:04
@L.V. you save my day. You comment should be the answer... – Rui Sebastião May 15 '18 at 22:09

Can Angular 2 use property-binding on a :before or :after element?

0 Answers0