如何更改<p-calendar>上的图标的颜色以及日历上所选日期的颜色

时间:2020-02-03 14:48:05

标签: angular calendar angular8 primeng

我使用的是primeng的日历,它是一个很好的组件,但我觉得它缺少在文档中添加自定义样式的示例。

我正在使用带有UI图标的版本。

#targetengine session

w = new Window('palette');

// ... and so on

默认情况下,图标为蓝色,并且当您选择日期时,默认情况下也为蓝色。 我想将其更改为另一种颜色,例如红色,并且我还注意到它不适用于自举程序容器和表格,在这方面有任何提示吗?

提前谢谢。

1 个答案:

答案 0 :(得分:0)

如果要更改所选日期,可以尝试在CSS中添加以下内容:

a.ui-state-active {
background-color: red !important;
}

相反,如果您想更改图标的背景,可以尝试添加以下内容:

.ui-button {
 background-color: red !important;
}