角材料日期选择器箭头颜色

Posted 2023-05-07

【中文标题】角材料日期选择器箭头颜色

【英文标题】：Angular material datepicker arrow color

【发布时间】：2021-11-08 19:56:50

【问题描述】：

在材质日期选择器中有一个更改年份的小箭头，我设法更改了日历中每个组件的颜色，但没有这个箭头。

我在浏览器中检查了它，发现了一个 mat-calendar-arrow 类，但我只能更改它的背景颜色，而不能更改箭头的颜色。有没有办法把它改成白色？我的黑暗主题需要它。

【参考方案1】：

试试这个：

.mat-calendar-arrow 
    border-top-color: white;

【讨论】：

哇..我不明白这个逻辑，但它有效，所以谢谢！

@Kerk 没问题。箭头是使用带有 css 边框的小技巧创建的：css-tricks.com/snippets/css/css-triangle

哦，现在说得通了