@freeman0204

Как сделать hover только для текста если ссылка это текст и картинка?

Код Как сделать hover только для текста если ссылка это текст и картинка? Что бы бордеры были только для текста, а сейчас верхний бордер сверху картинки.
  • Вопрос задан
  • 196 просмотров
Решения вопроса 2
Machinez
@Machinez
текст вынести в отдельный тег обернутый в эту ссылку
Ответ написан
Вижу реализацию с JQuery. Текст под картинкой обверни в тэг span.

$("a span").hover(
  function() {
    $( this ).parent().addClass('hover');
  }, function() {
    $( this ).parent().removeClass('hover');
  }
);


a.hover {
    color: #4ec7e5 !important;
    transition:  0.5s ease;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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