HTML, курсор не отображается в теге привязки при зависании

У меня есть эта разметка, ярлык, завернутый в тег привязки, но проблема заключается в том, что курсор, когда вы наводите курсор, не изменяется на курсор руки,

<a href="#17">
 <label class="autor">
  <span class="by">
   by 
  </span>
   Erwin Lutzer
 </label>
</a>

Что я здесь делаю неправильно?

кто-нибудь может помочь, спасибо!

Ответы

Ответ 1

Метка отменяет указатель, поэтому убедитесь, что ваш CSS имеет cursor: pointer; для a и для метки:

a,
a label {
    cursor: pointer;
}

Или еще лучше, удалить ярлык! Это недействительно для наличия метки внутри якоря.

Ответ 2

Не ответ на реальный вопрос, но решение моей собственной, аналогичной проблемы:

Ручной курсор не отображается при наведении указателя. Проблема заключалась в отсутствии атрибута href.

<a>Link</a>  <!-- regular cursor -->

но

<a href="#">Link</a>  <!-- cursor pointer -->

Ответ 3

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

Ссылка

Не используйте CSS для добавления курсора, это будет семантически некорректно. Замените метку на span.

Ответ 4

Используйте этот кусок css на label:

Код Css:

label.autor{
cursor:pointer;
}

Ответ 5

Как указано другими, неверно помещать ярлык в тег привязки, но если вы действительно хотите это сделать, добавьте следующий код css, чтобы решить вашу проблему:

a label { cursor: pointer; }

Обычно вы используете метку, указывающую на конкретное поле ввода, поэтому, когда вы нажимаете на метку, поле ввода фокусируется. Поскольку вы не ссылаетесь на поле ввода, метка не очень полезна в теге привязки.