Question

单击单选按钮时，未单击该按钮，其他按钮单击状态不变。

CSS就在这里：

  input[type="radio"] 
    {
    display:none;
    }
input[type="radio"] + label
{
    height: 20px;
    display:block;
    padding: 0 0 0 0px;
    vertical-align:top;
}

input[type="radio"] + label::before {
    content: url("../../../Content/images/Icons/radiounchecked.png");
    width: 20px;
    height: 20px;
    padding-right: 3px;

}
input[type="radio"]:checked + label::before {
    content: url("../../../Content/images/Icons/radiochecked.png");

}

这是MVC 4项目和广播创建

@Html.RadioButtonFor(Function(m) m.Variations(j).SelectedVariationID, Model.Variations(j).Options(i).OptionID )

生成的HTML代码在这里：

<input checked="true" id="Variations_0__SelectedVariationID" name="Variations[0].SelectedVariationID" type="radio" value="77">
<label for="77">Siyah Çikolata   $0.00</label>

Answer 1

没有足够的信息来确定你的问题是什么，但我知道的一件事是，在设置收音机/复选框样式时，你不应该使用:before这个盒子，因为点击操作不会在其上激活。尝试在标签中添加范围，并将范围设置为收音机/复选框。

至少，那是以前的样子。最近不确定。

样式的Html单选按钮没有检查

1 个答案: