css - 从 Angular 日历的 tr/td 中删除鼠标悬停效果

Question

我写了一个表格样式，它在鼠标悬停时改变 tr/td 的 bg 颜色。我想为我的“Angular 日历”删除这个 bg 颜色更改 - 因为它是使用表格构建的，所以每当我将鼠标悬停在一天/周/月上时，我也会得到这种鼠标悬停效果 - 我想删除它。请帮助..

CSS:

td.red, td.red:hover { 
    background-color:#FFC7CE;
}

table:hover > tbody > tr:hover > td.red { 
    background:#FFC7CE; 
    -moz-box-shadow: 0 4px 2px -3px #FFC7CE inset;
    -webkit-box-shadow: 0 4px 2px -3px #FFC7CE inset;
    box-shadow: 0 4px 2px -3px #FFC7CE inset;
} 

table:hover > tbody > tr:hover > td, table:hover > tbody > tr:hover > th {
    background-color: #fafafa;
}

Answer 1

一种方法是为您的“Angular calendar”创建一个新类。然后使用 !important 标签覆盖其他格式。

像这样:

.angularCalendarClass:hover {
    background: /*desired format */ !important; 
    -moz-box-shadow: /*desired format */ !important;
    -webkit-box-shadow: /*desired format */ !important;
    box-shadow: /*desired format */ !important;
}