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

Question

我正在尝试将 Radiolist 设计成 - 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你的领域的属性(property)。

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