ラジオでの色の変更方法

Question

以下のフォームは、2つのラジオボタンで構成されています。
私はCSSを介して私が望む色を持っていることができますが、以下の男性と女性の値は白のままで、CSSは色を変えていません。

<div class="form-title-radiobuttons">Type</div> 
<input class="form-title-radiobuttons" type="radio" name="type" value="male" checked> Male<br> 
<input class="form-title-radiobuttons" type="radio" name="type" value="female"> Female<br><br /> 

.form-title-radiobuttons { 
    margin-bottom:10px; 
    color: #725129; 
    text-shadow: #fdf2e4 0 1px 0; 
} 

Answer 1

あなたはinputやテキストなどの前に、すでに</div>を閉じているので。色の範囲はTypeのみです。また、<label>タグを追加すると、ラジオボタンに多くのクリック可能な領域が与えられます。これは動作するはずです：

.form-title-radiobuttons { 
 
    margin-bottom:10px; 
 
    color: #725129; 
 
    text-shadow: #fdf2e4 0 1px 0; 
 
}

<div class="form-title-radiobuttons">Type<br> 
 
    <label><input class="form-title-radiobuttons" type="radio" name="type" value="male" checked> Male</label><br> 
 
    <label><input class="form-title-radiobuttons" type="radio" name="type" value="female"> Female</label><br><br /> 
 
</div>