@maiskiykot
Free coder

Как перекрыть элементы css hover?

Попался странный сайт. У него в хидере кнопки. В частности Каталог. Обычный стиль я перекрыл, но вот hover выдает какую-то абракадабру. И подобраться к этой мазне никак не могу, потому что правила hover плохо выводятся в панели разработчика.
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Dasha-Web
.top-menu .cat-menu-vertical > .ty-dropdown-box__title:hover {
border: 3px solid #ff5353;
border-radius: 15px;
background: none;
}
Чтобы подобраться к hover стилям нужно на элементе в Elements нажать правой кнопкой на нужно элементе и выбрать пункт Force state -> hover . И все станет хорошо видно. В данном случае мешаются border и из-за него смещается текст. Нужно элементу сразу задать border 3px и уменьшить padding чтобы по центру текст был
Ответ написан
Ваш ответ на вопрос

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

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