quitar - mostrar texto al pasar el mouse sobre una imagen html

¿Por qué el cursor de la mano no se muestra en la etiqueta de anclaje cuando se mueve?

Question

Tengo este marcado, una etiqueta envuelta en una etiqueta de anclaje, pero el problema es el cursor cuando se desplaza, esto no cambia al cursor de la mano.

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

¿Qué estoy haciendo mal aquí?

¿Puede alguien por favor ayuda, gracias!

Answer 1

Como han dicho otros, no es válido colocar una etiqueta dentro de una etiqueta de anclaje, pero si realmente desea hacerlo, agregue el siguiente código CSS para resolver su problema:

a label { cursor: pointer; }

Normalmente, se usa una etiqueta para apuntar a un campo de entrada específico, de modo que cuando hace clic en la etiqueta, el campo de entrada se enfoca. Como no hace referencia a un campo de entrada, la etiqueta no es realmente útil dentro de la etiqueta de anclaje.

Answer 2

Después de actualizar mi MacBook a High Sierra 10.13.6 tuve que reiniciar para que los cursores de puntero en cualquier navegador volvieran a funcionar.

Answer 3

La etiqueta está cancelando el puntero, así que asegúrese de que su CSS tenga cursor: pointer; tanto para la a como para la etiqueta:

a,
a label {
    cursor: pointer;
}

O mejor aún, ¡ quita la etiqueta ! No es válido tener una etiqueta dentro de un ancla.

Answer 4

No es la respuesta para una pregunta real, sino una solución a mi propio problema similar:

El cursor de la mano no se muestra cuando el enlace de desplazamiento. El problema estaba en la falta de atributo href .

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

pero

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

Answer 5

No hay razón para poner un elemento de label en a elemento a. El elemento de label está aquí para decorar una entrada. No hay forma de que esta label sea ​​semánticamente correcta dentro de un enlace. Como no especificó un atributo for vincular a una entrada, no hay razón para que muestre el comportamiento de un elemento activable.

Reference

No use CSS aquí para agregar un cursor, esto sería semánticamente incorrecto. Reemplace su etiqueta con un span .

Answer 6

Use este pedazo de css en su label :

Código CSS:

label.autor{
cursor:pointer;
}