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

abp radio表单元素 消失了相关推荐

  1. jquery 筛选不到 checkbox, radio 表单元素

    2019独角兽企业重金招聘Python工程师标准>>> 片段1:  (input type="checkbox" id="isDateSplit&quo ...

  2. CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child)

    目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...

  3. HTML基础form表单元素

    表单元素 它是一系列元素 表单对于用户而言是数据的录入和提交的界面: 表单对于网站而言是获取用户信息的途径. 表单基本结构 <form action=""><in ...

  4. 表单元素盘点第一弹<input>元素详细介绍

    博主有话说:如果有描述错误之处请大家纠正.让我们可以一起学习一起进步. 个人主页:GUIDM主页 内容专栏:干货 此块内容为纯纯的干货,略显乏味枯燥,是笔记向的blog.如果觉得还不错,希望你可以一键 ...

  5. table中加表单元素每行怎么验证_Validform 一行代码搞定整站的表单验证 - 文章

    Validform 一行代码搞定整站的表单验证,为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符 ...

  6. 【2018-01-22】HTML-表单及表单元素

    <body><!--表单--><form action="" method="post"><!--文本类-->& ...

  7. 5 select 选择的值_表单元素之选择类型

    表单元素的选择类型可以分为三种: 单选 多选 下拉 单选和复选框的属性值可以有两个:disabled(不可操作的) 和 checked. 下拉框的属性值可以是:selected(默认选中) .mult ...

  8. css label 居中布局_HTMLCSS精华知识点——表单元素、BFC、两栏布局、居中总结等...

    HTML&CSS精华知识点--第九节 一.input表单元素 一系列元素,主要用于收集用户数据 1.type属性表示输入框类型text:普通文本输入框 date,日期选择框,兼容性问题 sea ...

  9. php收集radio表单,jQuery对于单选表单(radio)以及其它表单取值

    注:如果你像NeiLyi以前一样观注这方面内容,请你先了解CSS以及Xpath对元素的选取,因为jQuery就是给合两家之长的.希望看到这句话对你有所帮助. 获取一组名为(items)的radio被选 ...

最新文章

  1. linux和windows双系统引导,windows和linux双系统引导问题
  2. pb9调用http发短信post_远程服务调用
  3. 网易2017春招笔试真题编程题集合(5)——魔力手环
  4. 华为鸿蒙搭载芯片,独立188天,荣耀50系列破冰!6nm芯片,不搭载鸿蒙
  5. 信息系统项目管理师-项目集、项目组合管理核心知识点思维脑图
  6. 0/1背包问题——动态规划方法
  7. linux系统rar命令行,Linux下rar命令详解
  8. c语言设置bufsiz大小,c语言缓冲区有关问题及c++中的this指针
  9. 【Spring】使用数据源连接池访问数据库
  10. 17.2 无监督数据增强——UDA
  11. 宝塔面板连接阿里云服务器、及部署网页项目教程
  12. 数据结构和算法——线性结构(2)循环链表和双向循环链表
  13. 同样是创业,同样是两年,有的已经做了几千万,这边已经内斗死了
  14. 2020数据分析人才及CDA持证人行业报告
  15. 网络冗余备份之浮动路由
  16. 如何注册一个免费的网站空间和域名
  17. Python爬取各种类型网站数据(视频,图片居多)
  18. CSS基础班笔记(二)
  19. HTML如何实现按钮点击后提示确认和取消的功能
  20. 56 Three.js 使用粒子实现雨滴特效

热门文章

  1. html实现 左图右文_让CSS flex布局最后一行左对齐的N种方法
  2. Java多线程_1_Java内存模型_内存模型的3大特性
  3. php开发环境 ubuntu,Ubuntu配置PHP开发环境
  4. springmvcget中文乱码_解决SpringMVC Controller 接收页面传递的中文参数出现乱码的问题...
  5. 1+X web中级 Laravel学习笔记——Laravel中的路由
  6. fastapi quickstart学习
  7. LeetCode 43. 字符串相乘(大数乘法)
  8. LeetCode 240. 搜索二维矩阵 II(二分查找 分治)
  9. LeetCode 1. 两数之和(哈希)
  10. 回溯算法(Backtracking Algorithm)之八皇后问题