html - 如何设置 mat-toolbar-row 使其颜色为 "primary"?

标签 html angular sass angular-material material-design

我对 Angular 还很陌生,在尝试更改我的 mat-toolbar-row 使其颜色=“primary”时遇到了一些麻烦。我不太确定如何使其工作,当我对 mat-toolbar 执行相同的操作时它有效,但不适用于行。

mat-toolbar-row color = "primary">Menu</mat-toolbar-row>

这是我的代码。

我也遇到了将颜色从随 Angular 安装的默认粉红-靛蓝主题更改为自定义颜色集的问题。

最佳答案

如果你有scss,你可以在“全局”styles.scss 的末尾设置样式

.mat-toolbar-row {background-color: yellow;}

更好的方法是定义一个“全局”类(在 styles.scss 中):

.bg-color-whatever {background-color: yellow}

该类可以在 mat-toolbar-row 上设置:

<mat-toolbar-row class="bg-color-whatever">

这只是一个调整(黑客),但效果很好。

如果您想更改全局主题,您有两种可能性:

第一:你可以选择其他predefined material theme .

第二:您可以创建自己的主题。

您可以在这里找到更多信息:theming

关于html - 如何设置 mat-toolbar-row 使其颜色为 "primary"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61904859/

相关文章:

将 CSS 合并为 HTML 的 Python 代码

.xhtml 扩展文件中的 HTML5 标签

html - 带有样式 img 的 ALT 文本中的 Mac 上的问号和边框

angular - 找不到模块 Electron

css - 如何正确使用 Media Query 使一列消失,另一列调整到屏幕宽度?

html - 使用 css 删除 ul 上的空白

angular - 使用 Angular 2 使用 ag-grid 提前输入

html - 网格项导航栏中的 Flexbox 下拉菜单

html - 在图像标签中复制 background-img 属性

Angular angulartics2(谷歌分析)不会更新路线更改页面