Блог

Главная - Вопросы по программированию - Кнопка возвращается к предварительно запрограммированным цветам псевдокласса, CSS

Кнопка возвращается к предварительно запрограммированным цветам псевдокласса, CSS

#css

#css

Вопрос:

Я смог успешно изменить цвет фона (красный) кнопки и цвет ее текста (желтый), но по какой-то причине он возвращается к синему фону и тексту белого цвета.

Это мой CSS-код: 

 .btn-primary {
    background-color: red; 
    color: #ffff00; 
}

.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:link {
    background-color: red; 
    color: #ffff00; 
}

.btn-primary:hover {
    background-color: yellow; 
    color: #ffff00; 
}

Комментарии:

1. Не могли бы вы, пожалуйста, добавить HTML для кнопки, и используете ли вы какие-либо сторонние библиотеки CSS, такие как Bootstrap и т.д.

2. На мой взгляд, CSS выглядит неплохо. Итак, я уверен, что проблема в стилях из других источников. Поэтому будет лучше, если вы сможете поделиться ссылкой, показывающей демонстрацию вашей проблемы

3. все работает нормально, попробуйте опубликовать код кнопки в html

4. Это определенно было перезаписано, вероятно, плагином WP. !important Тег позаботился об этом, хотя.

Ответ №1:

попробуйте добавить !important в конце ваших объявлений, вот так:

background-color: yellow

становится

background-color: yellow !important