全日历打印背景色?

时间:2020-07-21 21:05:52

标签: css printing calendar fullcalendar styles

我正在使用Fullcalendar插件,并尝试打印星期日历,但想显示事件的背景色,至多它以指定的边框颜色打印,但是背景色不打印,我在chrome上指定要打印颜色/图像并添加了CSS

-webkit-print-color-adjust:exact;

这是我的两个具有不同颜色的事件的代码段,是否有解决此问题的方法?:

   <a class="fc-time-grid-event fc-v-event fc-event fc-start fc-end" style="background-color: rgb(71, 208, 65); border-color: rgb(71, 208, 65); z-index: 1; left: 0%; right: 0%; margin-right: 20px; -webkit-print-color-adjust: exact !important; top: 84px; bottom: -378px;">
    <div class="fc-content">
        <div class="fc-time" data-start="10:00" data-full="10:00 AM - 5:00 PM">
            <span>10:00 - 5:00</span>
        </div>
        <div class="fc-title">breakfast 2</div>
    </div>
    <div class="fc-bg"> </div>
</a>
<a class="fc-time-grid-event fc-v-event fc-event fc-start fc-end" style="background-color: rgb(0, 188, 242); border-color: rgb(0, 188, 242); z-index: 2; left: 50%; right: 0%; top: 210px; bottom: -294px;">
    <div class="fc-content">
        <div class="fc-time" data-start="1:00" data-full="1:00 PM - 3:00 PM">
            <span>1:00 - 3:00</span>
        </div>
        <div class="fc-title">breakfast</div>
    </div>
    <div class="fc-bg">
    </div>
</a>

0 个答案:

没有答案