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

【问题标题】：how to override font-color dynamically with css color property如何使用css颜色属性动态覆盖字体颜色
【发布时间】：2014-03-12 15:06:14
【问题描述】：

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

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

请在下面找到覆盖的 css 代码：

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

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

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

【问题讨论】：

标签： html css wavemaker

【解决方案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 */
}

再次感谢您的帮助

【讨论】：