Angular 6 Material-使用组件时正在使用什么类

Question

我想知道，当使用角6材质组件时，正在使用什么类？

例如，如果我想进一步自定义“材质”单选按钮，则可以使用以下CSS类进行编辑：

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{
    border-color:rgb(66, 244, 81); 
}

.mat-radio-button.mat-accent .mat-radio-inner-circle{
    color:rgb(244, 211, 66);
    background-color:rgb(244, 66, 66) ;
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
    background-color:rgb(248, 37, 255);
}

在哪里可以找到正在使用的其余类的列表？我想我可以从chrome的开发工具中找到类，但是是否有一个站点正在使用这些类？

Answer 1

Material库不断增长和变化，因此没有一种很好的资源可以列出所有内容，而不仅仅是检查开发人员工具。

正如@Itay所述，您可以仅检查组件的来源。您也可以转到API页面并在此处检查源。

另一个资源是在node_modules文件夹中生成的@angular/material/_theming.scss主题文件。这包括所有组件主题，但是是作为材料库构建的一部分生成的，因此完整文件不在GitHub上。

Answer 2

您可以检查材料源代码。例如，这是button_base样式。