Как изменить цвет внутри радиоформата

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

источник

2016-05-19 James Ronaldo

Потому что вы закрываете </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>

источник

2016-05-19 13:36:55

Я хотел бы добавить, наиболее подходящий способ сделать это с '' тега. –

@FaustoNA Добавлен 'label'. Проверьте? –

Я бы пошел ' Ярлык', который имеет тот же эффект и более совместим со стандартами (я думаю?). –

Как изменить цвет внутри радиоформата

ответ

Смежные вопросы