2016-05-19 2 views
-1

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.Wie man Farbe innerhalb der Radioform ändert

<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; 
} 

Antwort

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>

+0

Ich sollte hinzufügen, die am besten geeignete Weg, um dies mit einem '' Tag zu tun ist. –

+0

@FaustoNA Hinzugefügt "label". Prüfen? –

+0

Ich würde '' das hat den gleichen Effekt und ist mehr konform mit Standards (denke ich?). –

Verwandte Themen