Что-то, чего я не понимаю с помощью кнопок радио Wufoo. Структура:
<span>
<input>
<label>
<span>
<span>
Чтобы настроить внешний вид переключателя, я спрятал <input> (непрозрачность: 0) и вместо этого ввел элемент <label>.
Когда переключатель находится в отмеченном состоянии, я хочу применить псевдокласс, например, так:
form.wufoo > ul li input[type=radio]:checked + label.choice:before
Стили css псевдоэлемента создают круг, который заполняет <label>(circle with 1px border), поэтому он выглядит проверенным.
Блок css form.wufoo > ul li input[type=radio]:checked + label.choice:before) даже не отображается в инструментах разработчика Chrome, а псевдоэлемент: before отсутствует в html. Если я добавлю его вручную в средствах разработки, оно будет "серым", однако, если я удалю: before и: флажок, правило станет активным.