框架将原本的元素都隐藏掉了,取而代之的是根据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

最新文章

  1. iOS之UI--使用SWRevealViewController实现侧边菜单功能详解实例
  2. ERROR 1045 (28000): Access denied for user &#39;root&#39;@&#39;localhost&#39; (using password: YES)
  3. hibernate常见错误
  4. C++类的成员初始化列表的相关问题
  5. java科学和艺术语言 第六章 课后编程
  6. jquery图片放大镜和遮罩层效果
  7. 关于struts2中的default-action-ref
  8. Postmark介绍
  9. Running R jobs quickly on many machines(转)
  10. springboot项目启动时提示Address already in use: bind
  11. C#学习-显式接口
  12. kindeditor4.1.11的使用方法
  13. vue进行文件下载
  14. The Most Simple Introduction to Hypothesis Testing
  15. php 多进程
  16. MySQL如何开启慢查询
  17. SVN - 简单使用手册
  18. opencv3.2.0图像处理之中值滤波medianBlur API函数
  19. c++11 线程的互斥量
  20. NSLineBreakByWordWrapping和NSLineBreakByCharWrapping

热门文章

  1. 微信企业微信调试JS神器vConsole
  2. for循环中的switch的break和continue作用范围
  3. SpringBoot与PageHelper的整合示例详解
  4. ping程序和tracert(traceroute)背后的故事--ICMP协议
  5. SQL Server SSIS中的变量使用表达式后,就无法更改其值了
  6. MySQL卸载与重装
  7. String类的方法应用
  8. 任意图像尺寸变成目标尺寸(包含相应的boxes的变换)
  9. #define宏作用
  10. Spring怎么管理事务?