我对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和:check后,规则将变为活动状态。