如何用CSS颜色属性动态覆盖font-color

Question

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

我已经创建了另一个css相同的鼠标。这里的背景颜色被覆盖，但字体颜色没有改变。

请查看下面覆盖的css代码:

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

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

请参阅此处http://jsfiddle.net/M8fED/查看我的示例

Answer 1

你好，我找到问题的答案了下面的代码在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 */
}

再次感谢您的帮助