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中做到了，这也没有用。

想知道问题是什么？

编辑：

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

Answer 1

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

否则，您可以简单地将 .fc td, .fc th { border-style: none !important; } 与CSS样式一起使用，因此它不会考虑任何优先级，只会应用重要的样式。

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

（或）

'urlManager' => [
    'rules' => [
        'website/<action:\w+>' => 'site/<action>',
    ]
]

更新了Fiddle

Answer 2

我不确定您的标题是什么意思，但您可以通过在CSS中放置以下代码来删除Today的边框

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

<强>更新

我刚刚注意到，通过将.fc td, .fc th的边框设置为非边框，您的边框已删除，但您的Chrome正在加载缓存的样式表，因此您必须“禁用缓存（当DevTools处于打开状态时）＆＃34 ;为此，请检查您的元素并单击设置符号，然后选中禁用缓存（当DevTools已打开时）旁边的复选框。我希望它能帮助你

无法删除FullCalendar的边框CSS

2 个答案: