が表示されます。HTMLラベル上にマウスポインタを置くと、リンクをクリックすると一般的に手に入る画像にマウスポインタが変わります。どうすればそれを避けることができますか?ラベルの上にマウスポインタを置くと
答えて
ほとんどのブラウザで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、使用しているブラウザなどもわかります
- 1. セレンの上の位置へのマウスポインタ
- 2. SVGマウスポインタの位置
- 3. QStyledItemDelegateでマウスの上にマウスを置くと、マウスポインタをどのように変更できますか?
- 4. ログインページに自動的に送信ボタンの上にマウスポインタを置く方法はありますか?
- 5. フロートバーチャート上にラベルが正しく配置されない
- 6. App Inventorでは、キャンバス上にテキストボックスやラベルを置くことができます
- 7. NSTableViewと列の上にカーソルを置く
- 8. FULLSCREENでのマウスポインタの位置の変更
- 9. 最初のリスト項目の上にマウスポインタを置いたときにテキストを表示
- 10. Rとggplot:ggplotのパネルの外側にx軸ラベルを置く
- 11. ラベルと入力の両方をページの中心に置く
- 12. jQuery:画像の上に置くとフェードイン
- 13. 画面の右側にラベルとテキストボックスを置くCSS
- 14. SilverlightのUI要素にマウスポインタを置いたときのポインタを手に設定
- 15. 上と左のmdTooltipを置く
- 16. スクロールビューの各要素の上にラベルを配置しますか?
- 17. CSS:ブートストラップ入力のラベルをその上に置きますか?
- 18. デスクトップ上でマウスポインタで描画します
- 19. マップ上にオブジェクトのラベルを配置するアルゴリズム
- 20. チェックボックスのラベルは、左右の代わりに上に置くことができますか?
- 21. バー上にマウスを置いたときにラベルを表示する方法
- 22. エリア(矩形)の上にマウスを置くと、ラベル/注釈が表示されます
- 23. セレンの上にマウスを置く
- 24. キーボードの上にUIViewを置く方法
- 25. GalleryViewの上にイメージアイテムを置く
- 26. AppBarLayoutの上にビューを置く
- 27. Navbarをウェブサイトの上に置くコンテンツ
- 28. iframeをiframeの上に置く方法
- 29. divをインバイドポップアップウィンドウの上にも置く
- 30. ブートストラップグリッドの上にイメージを置く
マークアップを投稿できますか? –
あなたはどのブラウザを使用していますか?これは私のために起こっていない... http://jsfiddle.net/ymZnt/ –