Css 角度材质按钮样式仅在app.component中应用

我最近切换到了一个自定义材质主题，但我注意到，除了组件中的按钮之外，所有东西都具有正确的主题

按钮可以正常工作，就像我的组件中的其他元素一样。 添加

color=“primary”

会更改文本的颜色，但仅此而已。 由于mat切换按预期工作，我认为它与缺少导入无关（MatButtonModule已导入）

下面是我的按钮的图片和html文件最重要的代码：

html

最近的测验参与者（{{Participants.length}）
搜索
显示列
{{columns.value？columns.value[0]：''}
（++{columns.value.length-1}}{{columns.value？.length==2？'other'：'others'}）
{{column}}
下载
仅完成
CSV
JSON
XLSX

CSS

@import'https://fonts.googleapis.com/icon?family=Material+图标'；
.额外选择{
不透明度：0.75；
字体大小：0.75em；
}
.包装纸{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
宽度：100%；
}
.没有内容{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100%；
}
过滤棒{
显示器：flex；
对齐项目：居中；
宽度：50%；
}
.表格包装，
垫形式字段，
身体，
html{
宽度：100%；
}
垫子桌{
保证金：5px；
宽度：100%
}
p{
字体大小：粗体；
字体大小：150%；
}
.spinner卡{
显示器：flex；
证明内容：中心；
对齐项目：居中
}
垫行、垫头行、垫尾行{
左侧填充：24px；
右边填充：24px；
}
材料单元：第一个子单元、材料页脚单元：第一个子单元、材料页眉单元：第一个子单元{
左侧填充：0；
}
材料单元：最后一个子单元、材料页脚单元：最后一个子单元、材料页眉单元：最后一个子单元{
右边填充：0；
}
垫子滑动开关{
左边距：15px；
右边距：15px；
}

主题

@import'~@angular/material/theming'；
@包括mat-core（）；
$custom theme primary:mat调色板（$mat orange，700）；
$custom theme accent:mat调色板（$mat deep orange）；
$custom theme warn:mat调色板（$mat red，50）；
$custom-theme:mat-light-theme（$custom-theme-primary，$custom-theme-accent，$custom-theme-warn）；
@包括角度材质主题（$自定义主题）；

mat按钮

和

mat菜单项

是两个不同的东西。以下是一个修改过的材质示例：

---

请注意，在第一个元素中，我试图做您所描述的。然而，第三个元素只是使用

mat按钮

，并监听

颜色

属性。

mat按钮

和

mat菜单项

是两个不同的东西。以下是一个修改过的材质示例：

---

请注意，在第一个元素中，我试图做您所描述的。然而，第三个元素只是使用了

mat按钮

，并且正在侦听

颜色

属性。

结果表明我误解了mat按钮。要获得按钮上的背景色，您需要垫平按钮或垫升高按钮。

原来我误解了垫按钮。要获得按钮上的背景色，您需要垫平按钮或垫高按钮。

对于切换按钮，您需要从“@angular/material/button togglemodule”；”导入“import{matbuttonoglemodule}”，然后才能使用它的其他属性。有关更多参考，请单击以下链接：

---

您已经使用了slidetoggle，因为您需要从“@angular/material/slide toggle”；”导入“import{MatSlideToggleModule}”，而不是我前面提到的。对于切换按钮，您需要从“@angular/material/Buttog toggle”；”导入“import{MatSlideToggleModule}”，然后您可以使用它的其他属性。有关更多参考，请单击以下链接：

---

您已经使用了slidetoggle，因为您需要从“@angular/material/slide toggle”；”导入“import{MatSlideToggleModule}”，而不是我前面提到的内容。

您是否在angular.json文件中包含样式表？@saidutt是的，因为我的所有其他材质元素都工作正常，只是按钮，你是否将样式表包含在angular.json文件中？@saidutt是的，因为我的所有其他材质元素都可以正常工作，只是按钮，但激活菜单的按钮在默认情况下不应该有某种背景吗？据我所知，默认主题为这些按钮提供了背景，而我的主题由于某些原因没有，但是激活菜单的按钮在默认情况下不应该有某种背景吗？据我所知，默认主题为这些按钮提供了背景，而我的主题由于某些原因没有。谢谢！这也是我的问题。谢谢！这也是我的问题。