修改多选框el-checkbox样式, 大小,背景色

修改多选框el-checkbox样式, 大小,背景色
在这里插入图片描述

/* 背景透明 */
.el-checkbox__inner {
   
	background: transparent;
	border: 1px solid #00ffe5;
}
/* 选中样式 */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
   
	background: #00ffe5;
	border: 1px solid #00ffe5;
}
/* 大小 */
.el-checkbox__inner {
   
	width: 20px;
	height: 20px;
}
/* 对勾样式 */
.el-checkbox__inner::after {
   
	border: 3px solid #fff;
	border-left: 0;
	border-top: 0;
	left: 6px;
	top: 3px;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
   
	transform: rotate(50deg) scaleY(1.3);
}

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-08 09:20:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-08 09:20:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-08 09:20:05       82 阅读
  4. Python语言-面向对象

    2024-01-08 09:20:05       91 阅读

热门阅读

  1. 找不到模块 “path“ 或其相对应的类型声明

    2024-01-08 09:20:05       56 阅读
  2. Spring之单元测试

    2024-01-08 09:20:05       55 阅读
  3. 【csharp】依赖注入

    2024-01-08 09:20:05       54 阅读
  4. Mockito+junit5搞定单元测试

    2024-01-08 09:20:05       56 阅读
  5. 无人驾驶游艇

    2024-01-08 09:20:05       58 阅读
  6. 鸡尾酒效应通俗解释,举一个具体的例子。

    2024-01-08 09:20:05       57 阅读
  7. 【设计模式】观察者模式

    2024-01-08 09:20:05       52 阅读
  8. 力扣_day1

    2024-01-08 09:20:05       56 阅读
  9. 指定GPU无效

    2024-01-08 09:20:05       60 阅读