代码之家 › 专栏 › 技术社区 › jeff

mat卡,如何更改默认填充

angular-material angular

1

jeff · 技术社区 · 7 年前

我想更改角材质mat card上的全局默认填充。

在角度上。json我有这个规范:

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

我在样式内部进行调整。scss

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

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

如何在全局的基础上设置 mat-card ?

1 回复 | 直到 7 年前

1

17

Akhi Akl 6 年前

你必须确定它们的范围。Angular将首先获取自己组件的css。因此,如果您想用任何类名(如“custom”)对其进行全局范围更改。

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

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

要了解更多信息,请参阅 angular material customizing

2

3

Ivan 6 年前

无点:。mat卡-->垫卡

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