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?Mientras se desplaza sobre una etiqueta, el puntero del mouse se cambia a la mano
Respuesta
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.
- 1. jQuery: ¿cómo puedo continuar una animación mientras el mouse se desplaza sobre un elemento?
- 2. ScrollTo mientras se desplaza
- 3. Hacer que el puntero del mouse se vuelva mano para hacer clic en el botón
- 4. ¿Cómo se cambia el mouse sobre el resaltado?
- 5. jqgrid cambiar el puntero a la mano
- 6. Cómo se puede establecer el cursor: mano con GWT: etiqueta
- 7. la rueda del mouse no se desplaza en tmux
- 8. Div relativo está pasando sobre div fijo mientras se desplaza
- 9. mouseExited no se llama cuando el mouse abandona trackingArea mientras se desplaza
- 10. El encabezado cambia conforme se desplaza hacia abajo (jQuery)
- 11. NSTimer tarea periódica no se consiga llamar mientras se desplaza
- 12. UIScrollView pausa NSTimer mientras se desplaza
- 13. ¿Cómo cambiar el puntero del mouse al puntero del dedo en el swing?
- 14. Div siempre visible mientras se desplaza
- 15. Cambiar el puntero del mouse cuando se llama ajax
- 16. ¿Cómo se desplaza el mouse con Git Bash?
- 17. Flex 3: ¿Cómo puedo cambiar el Cursor del mouse cuando se pasa el mouse sobre una entrada de texto?
- 18. ¿Cómo se puede ocultar url en el hipervínculo cuando se desplaza el mouse
- 19. Determinar las coordenadas de una UITableViewCell mientras se desplaza
- 20. jQuery IU de diálogo - La ventana exterior se desplaza mientras se desplaza dentro del cuadro de diálogo
- 21. Java JTextArea que cambia el tamaño y se desplaza automáticamente
- 22. ¿Cómo se hace una imagen para seguir el puntero del mouse con jquery?
- 23. flotr muestra el nombre de la serie de datos cuando el mouse se desplaza sobre la línea
- 24. ¿Cómo se emite una señal desde QPushButton cuando el mouse se cierne sobre ella?
- 25. Mover el puntero del mouse en JavaScript
- 26. WPF C# webbrowser se desplaza sobre el menú superior
- 27. ¿Cómo se resuelve el elemento parpadeante mientras se desplaza con el efecto de paralaje en JavaScript?
- 28. título UINavigationBar se acortado mientras se cambia viewControllers
- 29. Cómo hacer que el cursor cambie a la mano cuando se coloca una etiqueta <button>
- 30. Posición de lectura de PickerView mientras se desplaza
¿Podría publicar su marcado? –
¿qué navegador estás usando? esto no me está sucediendo ... http://jsfiddle.net/ymZnt/ –