我如何覆盖 React 大日历中的特定 css 样式

Question

我在 SharePoint Web 部件中使用 React 大日历。所以这个来自大日历外部 css 的样式隐藏了我的月历：

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

然后我得到了下面的图片： 所以当我从 chrome 中禁用此样式时，没关系： 我尝试从我自己的 css 中禁用此样式，但它不起作用：

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

那么如何通过其他方式禁用此样式？

Answer 1

在这里你需要确保你的 css 包含在 react 大日历 css 文件之后，如下所示。 示例：

1. react big calendar.css
2. <custom.css>.

如果是这种方式，那么它将起作用，并确保其他样式不会影响此 类。

Answer 2

解决方案是像这样将 flex-basis 属性 更改为 auto:

flex-basis: auto;