博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS模拟radio单选框check复选框
阅读量:5912 次
发布时间:2019-06-19

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

hot3.png

html:

css:

label{            display: block;            margin-bottom: 10px;        }        input{            /*position: absolute; top: -9999px;*/            display: none;opacity: 0;        }        i{            display: inline-block;            width: 17px; height: 17px;            margin-right: 10px;            background: url(radio_simulation.png) no-repeat;            vertical-align: middle;        }        input:checked+i{            background: url(radio_simulation_check.png) no-repeat;        }

效果图:

135632_nw7I_3549294.png

转载于:https://my.oschina.net/u/3549294/blog/1476273

你可能感兴趣的文章
管理表空间和数据文件——使用OMF方式管理表空间
查看>>
ios获取安装的app
查看>>
Visual Studio 2012出现“无法访问T-SQL组件和安装了不兼容伯 DacFx版本”的解决办法...
查看>>
第一个版本
查看>>
JSTL I18N 格式标签库 使用之二_____读取消息资源
查看>>
九、Null在Java中的精确表示
查看>>
php 连接 mssql sql2008
查看>>
所谓技术团队绩效
查看>>
读书笔记-深入理解JVM虚拟机-1.OOM初探
查看>>
Yii CDbCriteria 常用方法
查看>>
libgc 加 .make 在 vc6 vs2008 中的编译方法
查看>>
用条件变量实现事件等待器的正确与错误做法
查看>>
软件度量都该度个啥?(5)——被吹得最多的六西格玛
查看>>
Maven教程初级篇02:pom.xml配置初步
查看>>
JavaScript基础系列--打败this
查看>>
如何开启MySQL慢查询日志
查看>>
windows一键部署java项目
查看>>
用 Go 来了解一下 Redis 通讯协议
查看>>
《深入浅出mysql》学习笔记
查看>>
CSS预编译语言Less的用法总结
查看>>