» checkboxのテキストにはuser-select: none;を付けるといいかも。 | isee ウェブに関するブログ

ダブルクリックの処理 checkboxとテキストをlabelタグで囲み、テキスト部分をクリックしてもチェックが入るというような処理は、必ずといってもいいほど行うことかと思います。 しかし、checkboxのテキストをダブルクリックしてしまい、テキストが選択状態になっていると上手くチェックを切り替える事がで出来なくなってしまうことがあります。 あまりダブルクリックをするということはないかもしれませんが、チェックを入れた瞬間に「あっやっぱり外そう」と思い瞬時にクリックをするとテキストを選択してしまい、切り替えが上手くいかない場合があります。以下のような感じです。 現象発生ブラウザ テキスト選択時にチェックが上手く切り替える事が出来なくなるブラウザは、確認した限りGoogle Chromeのみでした。(IEでも少しおかしかったです)ほかのブラウザではテキストが選択状態にある場合でも、チェックの切