嗨,我正在Angularjs中使用JQuery fullCalendar,需要一些表样式的帮助。fullcalendar从插件中使用自己的css文件,可以在这里看到。
问题是,在项目/网站有其他的样式表,其中一个样式表创建使表响应。我无法控制HTML可以访问哪些样式表。这使得日历在小窗口中使用了完全不符合逻辑的样式。
那么,是否有任何可能的方法可以强制控制器远离某些样式表或样式日历自己的样式表,以使其成为控制样式?
编辑:忘了说前面提到的样式表一般是没有任何类名的样式表,因为它在整个网站中被广泛使用,所以在这一点上将其更改为类是不可行的。
我已经把它缩小到这个css代码的问题,进入和改变日历在小窗口。完全删除这个,日历是响应和工作得很好。网站的其他部分就没那么多了。但从我的观点来看,完整日历样式表中的css应该仍然有更多的特殊性?
/* Make other tables responsive */
table:not([name='start_time']), thead, tbody, th, td, tr {
display: block;
}
/* Make other tables responsive */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
}
td {
position: relative;
padding-top: 15px;
padding-left: 50%!important;
border: transparent!important;
}
要创建新的scss或css文件,并复制AngularJS表的主类并覆盖它,可以这样做:(这只是一个例子)
.table {
tr{
Some attributes
}
th{
Some attributes
}
}