@gingerose

Почему может не работать hover?

Есть три кнопки, по наведению на которые, должен меняться стиль, но по какой то причине псевдокласс hover не работает. В чем может быть причина?

<div className="menu">
            <button className="login">log1</button>
            <button className="login">log2</button>
            <button className="login">log3</button>
          </div>

.menu
{
    margin-top: 70px;
    margin-left: 17%;
}
.login
{
    font-family: 'Times New Roman', Times, serif;
    font-size: 30px;
    color: white;
    border: none; 
    outline: none; 
    width: 250px;
    height: 300px;
    margin-left: 100px;
    background-color: rgba(48, 98, 207, 0.795);
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}
.login:hover
{
    font-style: oblique;
    cursor: pointer;
    background-color: rgba(51, 157, 243, 0.795);
}
  • Вопрос задан
  • 141 просмотр
Решения вопроса 1
@Liuonid
не виден весь код. Но думаю тебе поможет pointer-events: none; - потыкай это свойство родителям.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Rimush
@Rimush
Не classname, а просто class
Ответ написан
Devilz_1
@Devilz_1
Frontend-Developer
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы