CSS не применяется, когда включить файл JS

Question

Я применяю пользовательский CSS к Infrajistics Webmonthcalendercontrol, когда добавляю пользовательский день, применяю класс CSS, который я определяю для него на site.css, но когда я включаю файл contextmenu.js и некоторые функции javascript, CSS не работает,

.myUnavalable
{

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

в contextmenu.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.

, если это так, попробуйте использовать !important в вашем css

, например.

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