abp radio表单元素 消失了

框架将原本的元素都隐藏掉了，取而代之的是根据label定义了自己的样式，如下：

[type="radio"]:not(:checked)+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
}

[type="radio"]:checked+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
}

[type="radio"].radio-col-red:checked+label:after {
    background-color: #F44336;
    border-color: #F44336;
}

 

从上可知，css的+号表示元素的后面兄弟元素，所以正确的打开方式是：

在表单元素后定义一个label元素就可以啦

比如：

     <input type="radio" name="xx" class="radio-col-light-blue" id="xx" value="1" >
     <label for="xx">AAA</label>

没办法，用别人的框架，就得受约束，下面这个链接讲的更为详细一点

参考：https://www.cnblogs.com/hpnet/p/9350250.html

转载于:https://www.cnblogs.com/zinan/p/11140425.html