-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Closed
Labels
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentAn issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/checkbox
Description
Reproduction
Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/components-issue-svwzok?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:
- Open the StackBlitz example above
Expected Behavior
The disabled styles of form controls should be consistent.
Actual Behavior
The disabled styles are inconsistent. The label of disabled checkboxes are rgba(0,0,0,.54) so as the frame if it's checked but the background colour is #b0b0b0. Radios use rgba(0,0,0,.38) both on the radio button and the label regardless whether they are checked or not. Disabled slide-toggles just have their opacity set as .38 resulting in yet another shade on the label.
Environment
- Angular: 12.0.3
- CDK/Material: 12.0.4
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
JaxonWright
Metadata
Metadata
Assignees
Labels
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentAn issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/checkbox