FullCalendar事件具有淡淡的背景颜色

Question

我正在使用FullCalendar的资源二极管视图，我注意到事件背景颜色是去饱和的。

我使用了不同的方法来设置其颜色，包括用CSS设置所有事件背景颜色，一切都可以使用(即我没有问题更改事件颜色(，除了颜色缺乏饱和。

例如，使用这样的CSS：

div#calendar {
  background-color: red !important;
}
.fc-timeline-event {
  background-color: red !important;
}

我希望表背景和事件都饱和红色。背景是，但事件不是。使用颜色采样器检查表明背景是#ff0000，但单元格为#ff5952，对应于饱和的红色，为68％。

奇怪的是，浏览器检查员将计算的背景颜色显示为#ff0000。

关于如何实现完全饱和颜色的显示的任何想法？

Answer 1

我有我的解决方案。

在您的CSS样式代码中，您将代码放在下面

下方

 .fc-bgevent {
    opacity: 1;
 }

上面的数字1可以更改为0.9、0.8等。它将替换背景事件样式。

它对我有用！

Answer 2

FullCalendar CSS包含一个规则，该规则将日历与白色，不透明度为25％。这导致问题：

.fc-event .fc-bg {
    z-index : 1;
    background; #fff;
    opacity: 0.25
 )

需要将不透明度设置为0。因此，在我自己的样式表中添加了它：

.fc-event .fc-bg {
    opacity: 0 !important;
}

Answer 3

primeng标签的内部，解决方案为：

::ng-deep .fc .fc-bg-event {
  opacity: 0.8;
}