Does the css :disabled pseudo class selector work?

Flow
1

I have been trying to style the new Card component that was disabled but I could not match it using vaadin-card:disabled I figured out I had to use the attribute selector vaadin-card[disabled].

I have checked it also with the Details component and it didn’t work too.

Why pseudo class selector for disabled does not work? Where does it work?

2

The native HTML disabled state only applies to form inputs whereas the disabled concept in Vaadin is wider in scope since any component can be disabled. That’s why we cannot rely on the built-in :disabled pseudo selector.