En survolant l'étiquette, le pointeur de la souris change de main

La raison pour laquelle vous pourriez obtenir un curseur en forme de main dans certains navigateurs, c'est parce que l'un des buts principaux de l'élément label dans la plupart des navigateurs est de fournir un cliquables description d'un élément de formulaire. Par exemple, c'est une utilisation typique de l' <label> élément:

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

Dans la plupart des navigateurs, cela va se traduire dans le texte "j'accepte ces conditions" être cliquable. Lorsque vous cliquez sur le texte, il permet de basculer entre la case avec un ID de TermAgreement, comme si vous aviez cliqué sur la case à cocher en lui-même.

(Note: La spécification du W3C pour <label> dans le HTML 5 n'a pas besoin de ce comportement, mais il ne dit que le navigateur de mise en œuvre de <label> "doit correspondre à la plate-forme de l'étiquette du comportement". Dans la pratique, cela signifie généralement <label> éléments sont cliquables.)

Donc, essentiellement, le curseur se comporte comme si la <label> est un lien parce qu'il est un lien, d'une sorte. Si vous l'utilisez de manière différente, vous pouvez envisager d'utiliser un autre élément HTML à la place.

Si un utilisateur voit un curseur en forme de main lorsque le pointeur de la souris sur une étiquette varient selon leur système d'exploitation et le navigateur. Chrome et Firefox n'affiche pas ce problème pour moi sur Windows XP, mais d'autres plates-formes pourraient. Aussi, il est possible que vous avez un fichier CSS qui en appelle spécifiquement pour ce comportement. Il y aurait une règle dans votre CSS qui ressemble à quelque chose comme ceci:

label {
    cursor: pointer;
}

Si vous souhaitez remplacer l'élément du comportement par défaut, vous pouvez utiliser cursor: default; dans votre CSS, comme @rickyduck dit. Vous pouvez trouvez des informations sur les CSS curseur de la propriété ici. Notez que la modification du curseur ne sera pas nécessairement l'élément ne répond pas à être cliqué.

Si cela ne résout pas votre problème, veuillez nous donner plus d'informations. Exemple de code, l'URL de la page présentant le comportement, ainsi que le navigateur que vous utilisez serait également bon à savoir.

OriginalL'auteur Joshua Carmody