css - 无法删除 FullCalendar 的边框 CSS

Question

试图覆盖 FullCalendar 的样式，但遇到了一些问题。

在 Chrome 上的 .fc td, .fc th 中，我禁用了 border-style 属性，因此 fc 没有边框属性-小部件 header 。但是，我尝试在我的 CSS 中使用:

.fc td, .fc th {
  border-style: none;
}

它没有去除边框。

接下来，我尝试删除today 边框:

在 Chrome 中，这意味着禁用:

.fc td.fc-today {
    /* border-style: double; */
}

我在我的 CSS 中这样做了，但也没有用。

想知道问题出在哪里吗？

编辑:

好的，所以我设置了一个 Fiddle 来向大家展示它不起作用。然而，奇怪的是，它在我的 fiddle 中起作用:http://jsfiddle.net/46tnzj72/10/但不在我的实际应用中。

Answer 1

此问题最可能的原因是 CSS 优先级。如果任何选择器具有更高的优先级，那么它会覆盖您的样式，因此对于这种情况，您需要编写具有更高优先级的选择器。

否则，您可以简单地将 !important 与您的 CSS 样式一起使用，这样它就不会考虑任何优先级，只会应用重要的样式。

.fc td, .fc th {
  border-style: none !important;
}

(或)

.fc td, .fc th {
  border-style: double !important;
  border-width: 3px !important;
  border-color: #aaa !important;
}

已更新 Fiddle