Добавление псевдо-класса перед элементом метки формы Wufoo - PullRequest
Новая
       35

Добавление псевдо-класса перед элементом метки формы Wufoo

0 голосов
/ 31 августа 2018

Что-то, чего я не понимаю с помощью кнопок радио 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 и: флажок, правило станет активным.

...