使用した<label>タグ修正入力[タイプ=「チェックボックス」]スタイル

<ラベル>は二つの特徴がありますので：①任意の効果を示さなかった、②ユーザーがタブをクリックすると、ブラウザが自動的に関連付けられたフォームコントロールにフォーカスを移すことができます。

< フォーム> 
  < 入力タイプ= "チェックボックス" 名前= "性別" ID = "男性"  /> 
  < ラベル用= "男性" >男性</ ラベル> 
</ 形成>

、入力スタイルを変更することが良いです。

テキストを入力し、入力[タイプ=「チェックボックス」]スタイルを変更します

デフォルトのスタイル：前の選択選択した後、

/ * 指定する前に* / 
#male + ::ラベルの前に {      / *設定するダミーのタグラベル要素* / 
    内容："\ A0" ;       / * 改行なしスペース* / 
    表示：インラインブロック ;     
    幅：20ピクセルを、
    高さ：20ピクセル ; 
    国境：1pxのソリッド＃999 ; 
} / * ときに選択* / 
#male：:: +チェックする前に、ラベル { 
    内容："\ 2714" ;     / * √ * / 
    テキスト-ALIGN =左
：センター、
    背景色：RGB（68、171、247である） ; 
} / * デフォルトのブロックキャンセル* / 
#male { 
    表示：なしに ; 
}

スタイル設定した後：前に選択を選択。

この記事では、単純に入力[タイプ=「チェックボックス」]原則スタイルの変化を説明し、他の欠点はご了承ください