css内のチェックボックスの幅を変更する

Question

コールフィールドのチェックボックスの幅を25ピクセルに設定します。これは、左余白がクリアされている場合にのみ表示されます。

なぜ私はこれを理解できないのか分かりませんが、これはおそらく単純なものです。私は自分のスタイルシートとすべてが今回一致したことを確認しました。ここ

は、アイテムのHTMLコードです：

<p><input type="checkbox" name="call" id="call"></p> 
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p> 

、ここでは私が使用しようとしているCSSです：

.checkbox { 
float: left; 
clear: left; 
width: 25px; } 

This is what the form is suppose to look like (don't mind the submit and cancel buttons, havent got there yet

Here is what mine looks like with the current CSS

があります物理チェックボックスのための特定のセレクタ？フォームの隅にはなぜそれがありますか？

// - UPDATE - // 入力属性にclass = "checkbox"を追加し、チェックボックスを正しい場所に移動しました。

今すぐラベルを "私に連絡してください"あなたを知って "訪問してください。正しく整列されません。 checkboxの直後の幅をautoに設定し、clearプロパティの値がnoneであるとします。私は考えることができるすべてを試しましたが、それを整列させることはできません。どのセレクターを使用すべきですか？

Answer 1

私は、あなたがチェックボックスの幅について何を意味するかについてもっと詳しく知る必要があると思います。しかし、CSSの用語は、チェックボックスに適用するには、[タイプ=チェックボックス]

.checkbox { 
 
float: left; 
 
clear: left; 
 
width: 25px; } 
 

 
input[type=checkbox] { 
 
float: left; 
 
clear: left; 
 
width: 25px; }

<p><input class="checkbox" type="checkbox" name="call" id="call"></p> 
 
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p> 
 
    
 
<hr/> 
 

 
<p><input type="checkbox" name="call" id="call"></p> 
 
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p>