CSS selector for Angular components with event binding

Question

Which CSS selector to use when applying a style to any component having an event binding?

<button (click)="doSomthing()">click me</button>

Something like this is not working.

[(click)]{
color: red;
}

So, If I understand properly, you would like define css style on click event. I think this question should answer your question. — JTejedor
– JTejedor, Commented Dec 2, 2017 at 13:07
No, for any event binding. event custom component with user defined events. — Amr Eladawy
– Amr Eladawy, Commented Dec 2, 2017 at 13:10

Martin Parenteau · Accepted Answer · 2017-12-02 16:52:31Z

3

In the rendered HTML, there is no attribute that corresponds to the Angular (click) event on the button. You can see that by inspecting the markup with the F12 tool in your browser. Therefore, you cannot use that event binding as a CSS selector. You would have to use another selector to identify the button (id, class, another attribute, etc.).

edited Dec 2, 2017 at 16:52

answered Dec 2, 2017 at 14:01

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amr Eladawy Over a year ago

Yes, that is right. That is why I asked this here. I wanted to have one generic rule instead of adding a label (class, directive) to use it as a selector.

Collectives™ on Stack Overflow

CSS selector for Angular components with event binding

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related