包含js文件时不应用Css

Question

当我添加自定义日期时，我正在将自定义css应用于基础设施webmonthcalendercontrol。我应用了我在site.css上定义的css类，但当我包含contextmenu.js文件和一些javascript函数时，css不起作用，

.myUnavalable
{
    color:Green;
    background-color:Green;
    text-decoration:blink;
}

在contextenu.js中，菜单的样式div是定义的。

    ContextMenuDiv.id = 'ContextMenu'; 
    ContextMenuDiv.style.position = 'absolute';
    ContextMenuDiv.style.backgroundColor = 'transparent';
    ContextMenuDiv.style.border = '2px outset transparent';
    ContextMenuDiv.style.verticalAlign = 'top';
    ContextMenuDiv.style.textAlign = 'left';
    ContextMenuDiv.style.visibility = 'hidden';
    ContextMenuDiv.style.width = (Width + 11) + 'px';

我想改变customdate的背景颜色。如何克服这个问题？

Answer 1

您已经回答了自己的问题。看看你发布的代码。你的班级：

background-color:Green;

javascript：

ContextMenuDiv.style.backgroundColor = 'transparent';

javascript正在覆盖您的样式。要么从JS文件中删除背景色，要么将您的类更改为：

background-color:Green !important;

取出"眨眼"。。。这相当于用腐烂的鱼拍打页面查看器的脸。

Answer 2

使用firebug并检查控件采用的样式。可能您的.js文件有自己的css，它会覆盖您的自定义css。

如果是，尝试在css 中使用!important

例如。

.myUnavalable
{
    background-color:Green !important;
}