【问题标题】:fullcalendar full vertical bordersfullcalendar 全垂直边框
【发布时间】:2016-06-12 10:48:06
【问题描述】:

我的完整日历与我的引导 CSS 文件发生冲突,所以我必须手动设置我的样式。 (我使用全日历 2.7.3)

我想要红色边框(水平和垂直)。 我改变了:

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td{...}

这为我创造了水平和垂直边框。但是垂直边框只显示在单元格的头部。 (屏幕截图)如何插入完整的垂直边框。

【问题讨论】:

    标签: html css twitter-bootstrap fullcalendar


    【解决方案1】:

    fullcalendar.min.css 将此代码用于border-color 属性:

    .fc-unthemed .fc-content, 
    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-popover,
    .fc-unthemed .fc-row,
    .fc-unthemed tbody,
    .fc-unthemed td,
    .fc-unthemed th,
    .fc-unthemed thead { 
      border-color: #ddd 
    }
    

    所以你可以复制这个片段并设置你需要的颜色:

    .fc-unthemed .fc-content, 
    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-popover,
    .fc-unthemed .fc-row,
    .fc-unthemed tbody,
    .fc-unthemed td,
    .fc-unthemed th,
    .fc-unthemed thead { 
      border-color: red;
    }
    

    【讨论】:

    • 那是我的第一次尝试,但我的 boostrap css 文件与它发生了冲突(所以我的边框是白色的)。另外我使用 (theme:true;) 所以 jquery 不要使用 unthemed 类。
    • @Ckappo 你能给我你页面的链接吗?
    • 现在我切换到 theme:false,并使用 !important 设置我的边框样式。现在可以了。谢谢格莱布
    猜你喜欢
    • 1970-01-01
    • 2020-08-03
    • 1970-01-01
    • 1970-01-01
    • 2013-11-08
    • 1970-01-01
    • 2013-09-05
    • 1970-01-01
    相关资源
    最近更新 更多