Изменить ширину и высоту индикатора расширения мата

Question

Я пытаюсь изменить ширину и высоту индикатора мата.Согласно другим ответам на подобные вопросы, все, что вам нужно сделать, это изменить ширину границы и отступы.Однако это работает, когда я использую режим проверки консоли, но в моем 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;
}

Answer 1

Похоже, что ваш CSS не используется.Я знаю, что это устарело, но вы пробовали использовать :: ng-deep?

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

Answer 2

Вы поместили свой стиль в файл "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