个性化单选框
html:
css:
input.css-radio[type="radio"] {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0px, 0px, 0px, 0px);
width: 1px;
height: 1px;
margin: -1px;
padding: 0px;
border: 0px none;
}
input.css-radio[type="radio"] + label.css-label-radio {
width: 20px;
height: 20px;
display: inline-block;
line-height: 20px;
background-repeat: no-repeat;
vertical-align: middle;
cursor: pointer;
margin-right: 18px;
background-position: -344px -181px;
}input.css-radio[type="radio"]:checked + label.css-label-radio {
background-position: -258px -181px;
}
推荐阅读
- android第三方框架(五)ButterKnife
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- Spring|Spring 框架之 AOP 原理剖析已经出炉!!!预定的童鞋可以识别下发二维码去看了
- 构建App(一)(框架与结构)
- laravel框架泛解
- spring事务管理_01:事务管理框架+声明式事务
- 李易峰陈伟霆久违再同框,两人上演摸头杀
- 手写|手写 React-Native 方法调用式的 Modal 弹框、Toast 提示