无法删除 FullCalendar 的边框 CSS

Question

试图覆盖 FullCalendar 的样式，但运行出现一些问题。

在 Chrome 的 .fc td, .fc th 中，我禁用了 border-style 属性，因此 fc-widget-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

中放置以下代码来删除 Today 的边框

.fc-right > button{
    border: none;
}

更新

我刚刚注意到，通过将 .fc td, .fc th 的边框设置为非边框，您的边框被删除了，但是您的 chrome 正在加载缓存的样式表，因此您必须 "Disable cache (while DevTools is open)"，才能这样做检查您的元素并单击设置符号，然后选中 禁用缓存（当 DevTools 打开时） 旁边的复选框。希望对你有所帮助

Answer 2

此问题最可能的原因是 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

无法删除 FullCalendar 的边框 CSS

Unable to remove border CSS for FullCalendar

css

fullcalendar