从角度日历的tr / td中删除鼠标悬停效果

Question

我写了一个表格样式，当鼠标悬停时会改变tr / td的bg颜色。我想为我的＆＃34; Angular日历＆＃34;删除这个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

这样做的一种方法是为“角度日历”创建一个新类。然后使用!important标记覆盖其他格式。

像这样：

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