ラベルの上にマウスポインタを置くと

Question

が表示されます。HTMLラベル上にマウスポインタを置くと、リンクをクリックすると一般的に手に入る画像にマウスポインタが変わります。どうすればそれを避けることができますか？

Answer 1

ほとんどのブラウザでlabel要素の主な目的の一つは、フォーム入力要素のクリック可能な説明を提供することであるので、あなたには、いくつかのブラウザでハンドカーソルを取得する可能性があります理由は、あります。たとえば、これは<label>要素の典型的な使用である：ほとんどのブラウザで

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

、これはクリック可能であること、「私はこれらの条件に同意する」のテキストになります。テキストをクリックすると、チェックボックスをクリックしたのと同じように、IDがTermAgreementのチェックボックスが切り替わります。

（注：。。実際には、これは通常<label>要素がクリック可能であることを意味The W3C specification for <label> in HTML 5は、この動作を必要としませんが、それは<label>のブラウザの実装では、「プラットフォームのラベルの動作を一致させる必要があります」と言うん）

したがって、本質的に、カーソルは<label>がリンクであるかのように振る舞います。はのリンクです。別の方法で使用している場合は、代わりに別のHTML要素を使用することを検討してください。

ラベルの上にマウスを置いたときに特定のユーザーがハンドカーソルを表示するかどうかは、OSやブラウザによって異なります。 Windows XPではChromeとFirefoxでこの動作が表示されませんが、他のプラットフォームではこの動作が表示される可能性があります。また、この動作を特に必要とするCSSファイルが含まれている可能性もあります。 @rickyduckが言ったように、あなたは、要素のデフォルトの動作を無効にしたい場合は

label { 
    cursor: pointer; 
} 

、あなたはCSSでcursor: default;を使用することができます。このようになりますあなたのCSS内のルールがあるでしょう。あなたはfind information on the CSS cursor property hereです。カーソルを変更しても、要素がクリックされたことに反応しないとは限りません。

これで問題が解決しない場合は、詳細をお知らせください。サンプルコード、ビヘイビアを表示しているページのURL、使用しているブラウザなどもわかります

Answer 2

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