如何在yii2中设置RadioList的样式？

Question

我正在尝试以-jsfiddle.net/fqJg7风格设置电台列表 就我而言，单选按钮的代码是-

<?= $form->field($model, 'wp_jhareq')->radioList(['Yes'=>'Yes','No'=>'No']); ?>

通过这段代码，html如下-

我可以看到<label for = "Yes">Yes</label>在我的情况下不存在。

我正在尝试的CSS-

input[type="radio"]{
    display:none;
}

label[value="Yes"],label[value="No"]{
    margin-bottom: 10px;
    display: inline-block;
    padding-left: 30px;
    background: url("/my/path/images/tick.png") left center no-repeat;
    //background-position: 0 30px;
    line-height: 24px
    cursor: pointer;

}

当前输出：

如何实现这一目标。

Answer 1

如果您需要自定义Yii输出字段的方式，请在字段上设置$template属性。

在特定情况下，您可以将CSS选择器从label[value="Yes"],label[value="No"]更改为.radio label。