2016-05-19 35 views
-1

我有兩個單選按鈕組成的下面的表單。
我可以通過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; 
} 

回答

1

因爲你關閉</div>已經包括input和文本之前。顏色範圍僅適用於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>

+0

我要補充,最適宜的方式做,這是一個''標籤。 –

+0

@FaustoNA添加了'label'。檢查? –

+0

我會去'',它具有相同的效果並且更符合標準(我認爲?)。 –