переопределяющий класс с! важным тегом

Question

Я пытаюсь переопределить тег! Важный для класса наведения в используемом плагине.

CSS для элемента / класса в плагине выглядит следующим образом:

input.fl-submit {
    background: #555;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.12, rgb(60,60,60)),
        color-stop(1, rgb(85,85,85))
    );
    background: -moz-linear-gradient(
        center bottom,
        rgb(60,60,60) 12%,
        rgb(85,85,85) 100%
    );
}

input.fl-submit:hover {
    background: #282828 !important;
}

Я пытаюсь изменить свойство background, что я могу сделать с тегом! Важный для input.fl-submit, но поскольку у свойства hover уже есть тег! Important, я не могу понять, как это переопределить. Я попробовал несколько методов jquery, которые я уже нашел в stackoverflow, но не смог заставить его работать, поэтому буду благодарен за любую помощь.

Спасибо

Ник

Answer 1

Вы всегда можете использовать Javascript:

        document.styleSheets[1].deleteRule(0);
    var background = '#000000';
    document.styleSheets[1].insertRule('input.fl-submit:hover { background: ' + background + '; }', 0);
    //Another Way of doing...
    document.styleSheets[1].cssRules[0].style.background = background;

Подробнее

Answer 2

Вся идея тега !important такова, что вы НЕ МОЖЕТЕ переопределить его. Я предполагаю, что у вас нет доступа к CSS и вы не можете просто удалить его, поэтому единственное решение, которое у меня есть, - это дать ему другой стиль фона с другим модификатором !important (это переопределит предыдущий).