角材料枣钉箭头颜色

Question

在材料datepicker中，有一个小箭头可以更改年度，我设法更改了日历中的每个组件的颜色，但不是此箭头。

I在浏览器中检查了它，并找到了一个

mat-calendar-arrow

类，但我只能更改其背景色，而不是箭头的颜色。是否有可能将其更改为白色的方法？我需要它的黑暗主题。

trone吧：

Answer 1

我尝试了建议的解决方案，它对我不起作用，我使用所需颜色填充修复，或者如果您想具有默认日期选择器设置，请选择下面的建议解决方案之一。

您可以将其添加到当前组合中，或者如果愿意，可以将其添加到主SCSS文件

Answer 2

::ng-deep .mat-calendar-arrow {
fill: var(--mat-datepicker-calendar-period-button-icon-color, var(--mat-sys-on-surface-variant));
}


::ng-deep .mat-calendar-arrow {
    fill: white;
}