如何从反应大日历中覆盖特定的CSS样式

时间:2017-07-14 09:29:50

标签: css calendar react-big-calendar

我在sharePoint网页部分使用了反应大日历。所以这个来自大日历的外部CSS的样式隐藏了我的月历:

.rbc-month-row {
    display: flex; 
    overflow: hidden;
}

我得到以下图片: enter image description here 所以当我从chrome禁用这个样式时,它没关系: enter image description here 我尝试从我自己的CSS中禁用这些样式,但它不起作用:

.rbc-month-row {
  overflow: visible !important;
  display: block !important;
}

那我怎么能通过其他方式禁用这种风格呢?

2 个答案:

答案 0 :(得分:1)

解决方案是将flex-basis属性更改为auto,如下所示:

flex-basis: auto;

答案 1 :(得分:0)

在这里你需要确保你的css包含在反应大日历css文件之后,如下所示。 例如:

autostart=false

如果这样,那么它将起作用并确保其他样式可能不会影响这个类。