在输入类型收音机周围选择标签CSS

我有一个WordPress插件。

<label class="radio-inline" data-label="fach" for="fld_1266424_1_opt1107649"> 

    <input type="radio" id="fld_1266424_1_opt1107649" data-field="fld_1266424" class="fld_1266424_1 option-required user-success" name="fld_1266424" value="40" required="required" aria-required="true" aria-invalid="false"> 

     <span>Fach4</span> 

</label>

现在我想创建一个不正常的单选按钮。它应该看起来像一个普通的按钮，所以我添加了填充，背景色等。但我有问题，我无法为标签创建检查的样式。因为这是 - 肯定 - 不工作

input[type="radio"]:checked label

是否有可能样式标签当无线输入而不触摸检查HTML表单？

谢谢！

来源

2016-02-25 Matthias M

可以，但前提是你让你的HTML看起来像这样：

既然你有标签for属性，radio button会得到，如果你单击标签检查。

input[type="radio"]:checked+label { 
 
    color: red; 
 
    margin: 30px; 
 
}

<input type="radio" id="fld_1266424_1_opt1107649" data-field="fld_1266424" class="fld_1266424_1 option-required user-success" name="fld_1266424" value="40" required="required" aria-required="true" aria-invalid="false"> 
 
<label class="radio-inline" data-label="fach" for="fld_1266424_1_opt1107649"> 
 
    Radio button 
 

 
</label>

来源

2016-02-26 00:05:28

在输入类型收音机周围选择标签CSS

回答

相关问题