英文:
How can I properly style a mat-checkbox in Angular with Angular Material?
问题
如何为 mat-checkbox 添加样式？我看到的所有解决方案都不适用于我。
我尝试关闭视图封装并使用类似 mdc-checkbox__background 的类，但它们没有起作用。
我尝试在全局 CSS 样式表中使用相同的类，但也没有效果。
这个问题的解决方案对我也不适用：https://stackoverflow.com/questions/51984326/how-to-style-a-mat-checkbox-properly
我正在使用 Angular 15.2.9。
澄清：
我想知道如何一般性地为 mat-checkbox/mat 元素添加样式。
英文:
How do I style a mat-checkbox? Every solution I saw until now did not work for me
I tried turning view encapsulation off and using the classes like: mdc-checkbox__background but those did not do anything
I tried using the same classes in my global css sheet: also nothing.
this questions solution also does not work for me:https://stackoverflow.com/questions/51984326/how-to-style-a-mat-checkbox-properly
I am using angular 15.2.9
Clarification:
I want to know how to style the mat-checkbox/mat elements in general
答案1
得分: 0
:root {
--mdc-checkbox-unselected-icon-color: 橙色;
--mdc-checkbox-selected-icon-color: 橙色;
--mdc-checkbox-selected-hover-icon-color: 红色;
--mdc-checkbox-unselected-hover-icon-color: 红色;
}
英文:
:root {
--mdc-checkbox-unselected-icon-color:orange;
--mdc-checkbox-selected-icon-color: orange;
--mdc-checkbox-selected-hover-icon-color: red;
--mdc-checkbox-unselected-hover-icon-color: red;
}
This is what worked for me
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论