无法删除 FullCalendar 的边框 CSS

the*_*age 3 css fullcalendar

尝试覆盖 FullCalendar 的样式,但遇到一些问题。

在此输入图像描述

.fc td, .fc thChrome 上,我禁用了该border-style属性,因此fc-widget-header. 但是,我尝试在 CSS 中使用以下方法来执行此操作:

.fc td, .fc th {
  border-style: none;
}
Run Code Online (Sandbox Code Playgroud)

它没有删除边框。

接下来,我尝试删除边框today

在此输入图像描述

在 Chrome 中,这意味着禁用:

.fc td.fc-today {
    /* border-style: double; */
}
Run Code Online (Sandbox Code Playgroud)

我在 CSS 中这样做了,但这也不起作用。

想知道问题是什么?

编辑:

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

Sou*_*dar 5

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

否则,您可以简单地使用!importantCSS 样式,因此它不考虑任何优先级,仅应用重要的样式。

.fc td, .fc th {
  border-style: none !important;
}
Run Code Online (Sandbox Code Playgroud)

(或者)

.fc td, .fc th {
  border-style: double !important;
  border-width: 3px !important;
  border-color: #aaa !important;
}
Run Code Online (Sandbox Code Playgroud)

更新了小提琴