修改多选框el-checkbox样式, 大小,背景色
2024-01-03 19:19:23
修改多选框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);
}
文章来源:https://blog.csdn.net/zhao3756/article/details/135366932
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!