博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用纯css给radio类型框添加样式
阅读量:6344 次
发布时间:2019-06-22

本文共 446 字,大约阅读时间需要 1 分钟。

  我们知道input的radio复选框是不能设置样式的,但由于项目的需要,可能我们需要给标签添加更多的样式,以满足需求,下面我就给大家写一下我所用的方法。

  首先我们可以通过一个span标签或其他标签来设置样式,然后动态的选择样式可以使用“~”或“+”符号来表示兄弟级之间选择器的变化,然后通过Input的checked状态下改变span的样式,代码如下:

Radio样式:.frozen-way label input[type="radio"]:checked ~ .border-radio {    border-color: #1A76AA;}.frozen-way label input[type="radio"]:checked ~ .border-radio .y-radio {    display: block;}

  这样就实现了原生复选框的样式了,是不是很简单?!

转载于:https://www.cnblogs.com/abey/p/8489988.html

你可能感兴趣的文章
jquery 实现的一个 随机云标签网页背景
查看>>
RPC
查看>>
android广播事件处理broadcast receive
查看>>
在eclipse 里面 修改tomcat的配置--Server Locations
查看>>
网站 mvc url 路径 设置 为 *.html 的原因
查看>>
mybatis 开启使用 默认的 二级缓存
查看>>
docker 容器 创建和 使用
查看>>
SQLITE使用指南
查看>>
用Maven部署war包到远程Tomcat服务器
查看>>
android字体大小的设置
查看>>
2015.06.04 工作任务与心得
查看>>
icinga2使用587端口发邮件
查看>>
hpasmcli查看HP服务器内存状态
查看>>
极客工具
查看>>
【14】Python100例基础练习(1)
查看>>
boost bind使用指南
查看>>
oracle高速缓存机制
查看>>
使用ntpdate更新系统时间
查看>>
Android M 特性 Doze and App Standby模式详解
查看>>
IE FF(火狐) line-height兼容详解
查看>>