Css not applying when include js file

Question

I am applying custom css to infrajistics webmonthcalendercontrol when I add custom day I apply css class which I define it on site.css, but when I include contextmenu.js file and some javascript function the css is not working,

.myUnavalable
{

    color:Green;
    background-color:Green;
    text-decoration:blink;
}

in contextmenu.js style for menu div is define.

    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';

I want to change background color of the customdate. How to overcome this problem?

Answer 1

use firebug and check which styles your control is taking. probably your .js file have its own css which overwrite your custom css.

if so, try using !important in your css

eg.

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