如何使用css color属性动态覆盖font-color

时间:2014-03-11 12:54:11

标签: html5 css3 wavemaker

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

我为同一只鼠标创建了另一个css。这里背景颜色是重写但字体颜色没有变化。

请在下面找到最重要的css代码:

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

即使我将其设置为" !important"

,灰色字体也不会出现

请参阅此处http://jsfiddle.net/M8fED/了解我的示例摘要

1 个答案:

答案 0 :(得分:0)

嗨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 */
}

再次感谢您的帮助