改变checkbox默认样式
2024-09-06 15:54:22
input[type='checkbox']{
width: 5rem;
height: 5rem;
-webkit-appearance: none; /*清除复选框默认样式*/
background: url("../../assets/card/Visits_Card-nocheck.png") no-repeat; /*复选框的背景图，就是上图*/
background-size: cover;
vertical-align: middle;
}
input[type="checkbox"]:checked {
-webkit-appearance: none; /*清除复选框默认样式*/
background: url("../../assets/card/Visits_Card-check.png") no-repeat; /*复选框的背景图，就是上图*/
background-size: cover;
height: 5rem; /*高度*/
vertical-align: middle;
width: 5rem;
}
input[type='radio']:checked") 来获取被选中的哦框
最新文章
- css004 用样式继承节省时间
- Delphi之DLL知识学习4---创建DLL
- H5常用代码：适配方案1
- PHP加密解密字符串
- 【转载】Powershell在世纪互联Office365中批量将用户添加到组
- 图像热点&图像映射
- [Android]android.graphics.Camera实现图像的旋转、缩放，配合Matrix实现图像的倾斜
- C++面试经常涉及的概念1
- Visual Studio 2015使用EF6的ModelFirst模式添加实体数据模型缺少tt文件问题
- java代理理解
- 让UltraEdit成为java编译器
- Android使用SVG矢量动画（二）
- 使用STM32Cube在STM32F7开发板上实现SD+Freertos+Fatfs
- python 用xlwt包把数据导出到excel表中
- c/c++ 标准库 pair 介绍
- 使用 boost.asio 简单实现 异步Socket 通信
- strstr()函数的使用
- How to Repair GRUB2 When Ubuntu Won’t Boot
- 687. Longest Univalue Path
- elasticsearch 亿级数据检索案例与原理