Как перебить .class:hover background-color?

Question

[gcj]

Приветствую!
Нужно ОТМЕНИТЬ цвет элемента при наведении так, чтобы цвета самих элементов не менялись.
Допустим, имеются 3 кнопки с background-color: #000;
Bootstrap по умолчанию присваивает этим кнопка определенный цвет. Нужно отменить это свойство, причем без редактирования самого фреймворка, т.е. вариант удалить строчку из бутстрап.css не канает. :)

Answer 1

[monochromer]

Если устраивает вложенность элементов, то можно сделать такой пятиколесный велосипед:
jsfiddle.net/q32hffm1/2

<!-- обычная кнопка -->
<a href="#" class="btn">
    <span class="btn__inner">Button</span>
</a>

<!-- кнопка с отменой цвета -->
<a href="#" class="btn btn_disabled">
    <span class="btn__inner">Button</span>
</a>

.btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    color: #ccc;
    background: #333;
}

    .btn__inner {
        display: block;        
        padding: 15px 20px;
        background: inherit;
    }

    .btn:hover .btn__inner {
        background: #575757;
    }

    .btn_disabled:hover .btn__inner {
        background: inherit;
    }

Answer 2

[Татьяна Щеголева]

А добавить в конец строки с необходимым стилем !imortant?

Comments

[mr_dev1l]

!imPortant; =)

[Татьяна Щеголева]

Дада)) именно он))

[gcj]

!important не решает проблему, если кнопки разного цвета

Answer 3

[Андрей Федоров]

background-color: transparent !important;

Comments

[gcj]

и фон при наведении будет прозрачный :)
задача состоит в том, чтобы при наведении на кнопки текущие цвета оставались теми же, но никак не прозрачными и тем более не конкретным цветом, заданным с помощью !important

[Андрей Федоров]

Блин, так бы и писали. А то отменить цвет. Я понял, вы хотите, чтобы кнопка при наведении не меняла цвет фона. Сделаете на js. Прочитайте цвет фона, запомните, присвойте его при наведении.