尝试覆盖 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/但在我的实际应用程序中不起作用。
此问题最可能的原因是 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)
更新了小提琴