更改垫子扩展指示器的宽度和高度答案

【问题标题】：Change width and height of mat-expansion indicator更改垫子扩展指示器的宽度和高度
【发布时间】：2019-06-18 18:32:55
【问题描述】：

我正在尝试更改垫子指示器的宽度和高度。根据类似问题的其他答案，您所要做的就是更改边框宽度和填充。但是，当我使用控制台检查模式时它可以工作，但在我的 css 中，更改没有反映出来。我错过了什么：https://stackblitz.com/edit/angular-8yxted?file=styles.css

.mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 5px 5px 0 !important;
  content: '' !important;
  padding: 5px;
}

【问题讨论】：

标签： javascript css angular angular-material

【解决方案1】：

看起来你的 CSS 没有被使用。我知道它已被弃用，但您是否尝试过使用 ::ng-deep？

::ng-deep .mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 5px 5px 0 !important;
  content: '' !important;
  padding: 5px;
}

【讨论】：

是吗？你知道为什么它没有被使用吗？还有 ng-deep 是做什么的？

【解决方案2】：

你把你的风格放在“style.css”文件里了吗？如果您将更新后的样式放入“style.css”文件，它应该可以工作。

.mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 5px 5px 0 !important;
  content: '' !important;
  padding: 5px;
}

查看更新的 stackblitz - https://stackblitz.com/edit/angular-8yxted-uvnyat?file=styles.css

【讨论】：

嘿，是的，这行得通。但是你知道为什么我看不到该组件的本地 .css 而不是globel style.css