垫卡，如何更改默认填充

Question

我想更改角度材质垫卡上的全局默认填充。

在angular.json中，我有以下规范：

 "styles": [
          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",           
          "src/styles/app.theme.scss",
          "src/styles/styles.scss"
        ],

我在styles.scss内部进行调整

.mat-card {
    margin: 5px;
    padding: 5px;}

结果是边距有效，而填充无效。这是devtools中的结果。我看到其中有一个.mat卡<style>优先。

如何在全局基础上设置填充mat-card？

Answer 1

您必须确定它们的范围。Angular 将首先采用自己组件的 css。因此，如果您想使用任何类名（例如“自定义”）更改全局范围内的它们。

<mat-card class="custom"></mat-card>

在样式表中

.custom.mat-card{
  //your styles
 }

要了解更多，请参阅角材料定制