复选框、单选框样式自定义(https://www.cnblogs.com/freedom-feng/p/11346396.html)
2024-08-31 15:28:47
复选框、单选框样式自定义(https://www.cnblogs.com/freedom-feng/p/11346396.html)
复选框html内容如下:
<input type="checkbox" id="checkbox1"><label for="checkbox1">123</label>
<input type="checkbox" id="checkbox2"><label for="checkbox2">23</label>
上面复选框的样式如下:
input[type="checkbox"] {
width: 20px;
height: 20px;
background-color: #fff;
-webkit-appearance: none;
border: 1px solid #c9c9c9;
border-radius: 2px;
outline: none;
}
input[type="checkbox"]:checked {
background: url("https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=5bc58607708b4710da22f59ea2a7a898/622762d0f703918f418843ec533d269759eec4bf.jpg")
no-repeat center;
background-size: 100% 100%;
}
最新文章
- 【grunt第二弹】30分钟学会使用grunt打包前端代码(02)
- IT人经济思维之创业 - 创业与投资系列文章
- 运用ASMIOSTAT脚本监控asm disk磁盘性能
- C++ 学习基础一
- eCryptfs文件系统测试
- cocos2dx中的假动作,又称动作回调函数
- 制作计算器的代码(C#)
- puppet_list
- SuSE(SLES)安装配置syslog-ng日志server,可整合splunk
- Android -- Looper.prepare()和Looper.loop() —深度版
- 【转】使用iTextSharp在Asp.Net中操作PDF
- Unity3D中自带事件函数的执行顺序
- AngularJS报错:[$compile:tpload]
- MariaDB的存储过程和函数
- Python 让PIP源使用国内镜像,提升下载速度和安装成功率
- Tomcat Servlet学习
- iOS沙盒机制介绍
- 浅谈白鹭Egret
- SocketServer模块 《Python核心编程(第3版)》——2.5
- Thrift分析