Mientras se desplaza sobre una etiqueta, el puntero del mouse se cambia a la mano

Question

Cuando estoy sobre una etiqueta HTML, el puntero del mouse se convierte en una imagen de mano que generalmente obtenemos al hacer clic en un enlace. ¿Cómo puedo evitar eso?

Answer 1

La razón por la que podría obtener un cursor de la mano en algunos navegadores, se debe a que uno de los propósitos principales de un elemento de etiqueta en la mayoría de los navegadores es proporcionar una descripción se puede hacer clic para un elemento de formulario de entrada. Por ejemplo, este es un uso típico del elemento <label>:

<input type="checkbox" name="TermAgreement" id="TermAgreement" /> 
<label for="TermAgreement">I agree to these terms</label> 

En la mayoría de los navegadores, esto dará como resultado el texto "Estoy de acuerdo con estos términos" ser seleccionables. Cuando hace clic en el texto, alternará la casilla de verificación con una ID de TermAgreement, como si hubiera hecho clic en la casilla de verificación.

(Nota:.. The W3C specification for <label> in HTML 5 no requiere de este comportamiento, pero sí dice que la aplicación del navegador de <label> "debe coincidir con el comportamiento de la etiqueta de la plataforma" En la práctica, esto significa generalmente <label> elementos se puede hacer clic)

Entonces, esencialmente, el cursor se comporta como si el <label> fuera un enlace porque es un enlace, de un tipo. Si lo está usando de manera diferente, quizás desee considerar usar un elemento HTML diferente.

Si un usuario en particular ve o no un cursor de mano cuando pasa el mouse sobre una etiqueta variará según su sistema operativo y el navegador. Chrome y Firefox no muestran este comportamiento en Windows XP, pero otras plataformas sí. Además, es posible que tenga un archivo CSS incluido que específicamente requiere este comportamiento. Habría una regla en su CSS que se ve algo como esto:

label { 
    cursor: pointer; 
} 

Si desea anular el comportamiento predeterminado del elemento, puede utilizar cursor: default; en su CSS, como dijo @rickyduck. Puede find information on the CSS cursor property here. Tenga en cuenta que cambiar el cursor no significa necesariamente que el elemento no responderá al hacer clic.

Si esto no soluciona su problema, envíenos más información. También sería bueno saber el código de muestra, la URL de la página que muestra el comportamiento y el navegador que está utilizando.

Answer 2

<label style="cursor:default">Text<label>