Javascript 更改垫子膨胀指示器的宽度和高度

Javascript 更改垫子膨胀指示器的宽度和高度,javascript,css,angular,angular-material,Javascript,Css,Angular,Angular Material,我正在尝试更改垫子指示器的宽度和高度。根据其他类似问题的答案,您所要做的就是更改边框宽度和填充。然而,当我使用console inspect模式时,它可以工作,但是在我的css中,更改没有反映出来。我错过了什么: 您是否将样式放入“style.css”文件中?如果您将更新后的样式“style.css”放入文件,它应该可以工作 查看更新的stackblitz-看起来您的css没有被使用。我知道它已被弃用,但您是否尝试过使用::ng deep ::ng-deep .mat-expansion-ind

我正在尝试更改垫子指示器的宽度和高度。根据其他类似问题的答案,您所要做的就是更改边框宽度和填充。然而,当我使用console inspect模式时,它可以工作,但是在我的css中,更改没有反映出来。我错过了什么:

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


查看更新的stackblitz-

看起来您的css没有被使用。我知道它已被弃用,但您是否尝试过使用::ng deep

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

嘿,是的,这很有效。但是你知道为什么我看不到该组件的local.css而不是globel style.cssYeah吗?你知道为什么它没有被使用吗。那么ng deep做什么呢?
.mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 5px 5px 0 !important;
  content: '' !important;
  padding: 5px;
}
::ng-deep .mat-expansion-indicator::after {
  border-style: solid;
  border-width: 0 5px 5px 0 !important;
  content: '' !important;
  padding: 5px;
}