html - 如何使用 css 颜色属性动态覆盖字体颜色

Question

我在 wavemaker 工作，负责创建网络元素。在 Dojo 网格中有默认的鼠标悬停事件，网格中的数据将以白色字体和灰色背景显示

我为相同的鼠标创建了另一个 css。这里背景颜色是最重要的，但字体颜色没有改变。

请在下方找到覆盖的 CSS 代码:

body.tundra.wm_default .dojoxGridRowOver 
{
    background-color: #FCFDCB;
    color: grey !important;
} 

即使我将其设置为“!important”，灰色字体也不会出现

请看这里http://jsfiddle.net/M8fED/对于我的示例

Answer 1

您好 dwreck08 我找到了问题的答案以下代码在 wavemaker 中运行

/* Custom mouse-over color for rows */
.wm_default .wmlist-item.wmlist-item-over,
.dj_ie6 .wm_template .wmlist-item.wmlist-item-over,
.wm_default div.dojoxGrid-row.dojoxGrid-row-over, 
.wm_default .dojoxGrid-row.dojoxGrid-row-odd.dojoxGrid-row-over,
.wm_default .dojoxGridRowOver, 
.wm_default .dojoxGridRowOdd.dojoxGridRowOver,
.wm_default #wavemakerNode .wmlayout .dojoxGridRowOdd.dojoxGridRowOver a,
.wm_default .dojoxGridRowOver td.dojoxGridCell
{
    /* Document-ClickablesHover-Background */
    background-color: #FCFDCB; /* Document-ClickablesHover-Background_Color */

    /* Document-ClickablesHover-Font */
    color: #666666; /* Document-ClickablesHover-Font_Color */
}

再次感谢您的帮助