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

Question

我在 sharePoint Web 部件中使用了一个反应大日历。因此，来自大日历外部 css 的这种样式隐藏了我的月历：

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

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

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

那么我如何通过其他方式禁用这种样式呢？

score 2 · Accepted Answer

2

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

flex-basis: auto;

于 2017-07-18T11:50:40.220 回答

score 0 · Accepted Answer

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

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

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

2 回答 2