时间戳

首页 > 解决方案 > Angular 6 Material - 使用组件时使用了哪些类

html - Angular 6 Material - 使用组件时使用了哪些类

问题描述

我想知道，当使用 Angular 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 的开发工具来找出这些类，但是有没有一个网站有正在使用的类？

标签： htmlcssangular-materialangular6

解决方案

材质库在不断增长和变化，因此没有什么好的资源能够以与仅检查开发工具不同的方式列出所有内容。

正如@Itay 提到的，您可以检查组件的来源。您还可以转到 API 页面并检查那里的源代码。

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

推荐阅读