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

时间:2019-06-18 18:32:55

标签: javascript css angular angular-material

我正在尝试更改垫子指示器的宽度和高度。根据对类似问题的其他答案,您所要做的就是更改边框宽度和填充。但是,当我使用控制台检查模式但在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;
}

2 个答案:

答案 0 :(得分:1)

好像没有使用您的CSS。我知道它已被弃用,但是您是否尝试使用:: ng-deep?

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

答案 1 :(得分:0)

您是否将样式放入“ style.css”文件中?如果您放置了更新后的样式“ style.css”文件,它应该可以工作。

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

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

相关问题