Wie man Farbe innerhalb der Radioform ändert

Question

Ich habe das folgende Formular, das aus zwei Radiobuttons besteht.
Ich kann den Typ bekommen, um die Farbe zu haben, die ich über das CSS will, aber die unten männlichen und weiblichen Werte bleiben im Weiß und das CSS ändert nicht ihre Farbe.

<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

Da Sie die </div> bereits schließen, bevor die input und Text enthält. Der Umfang der Farbe ist nur für die Type. Auch das Hinzufügen der <label> Tags würde Ihnen eine Menge anklickbaren Bereich zu den Optionsfeldern geben. Dies sollte funktionieren:

.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>