.checkbox-wrap{
position:relative
}
.checkbox-wrap::before{
content: '';
position: absolute;
top: 31%;
width: 16px;
height: 16px;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 3px;
z-index: 1;
}
.checkbox-wrap::before:hover{
border: 1px solid #5FB878;
}
.checked::after{
content: '';
position: absolute;
top: 31%;
width: 16px;
height: 16px;
background:#5FB878 url("{{ asset('assets/admin/images/checked.png') }}") no-repeat center;
background-size: 80%;
background-position-x: 2.5px;
border: 1px solid #5FB878;
border-radius: 3px;
z-index: 1;
}
.checkbox-wrap input[type=checkbox]{
position:absolute;
z-index:-1
}
CSS - checkbox 样式
原创qq5c322e67bf4c9 博主文章分类:CSS ©著作权
©著作权归作者所有:来自51CTO博客作者qq5c322e67bf4c9的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的css - 背景收缩动画按钮
借助 css transition 属性绘制出一个背景收缩交互的一个按钮。
css ux/ui 交互设计 动效设计 动画按钮 -
有趣的css - 动态的毛玻璃背景
用css实现一个小清新的动态毛玻璃背景效果。
css 动效 动态毛玻璃背景 ui ux -
CSS改网站背景色
background:颜色值; 把这个写在你要改变的DIV块 对应的css里面就可以了
网站 背景色 background -
css设置背景色和背景图片
css设置背景图和背景色
css 背景色 设置背景图 -
html+css实战72-背景-背景色html
-
iOS 数字背景色 iphone背景色
有时候UI给的背景都是一张图,而我们并不想刻意去插入一个UIImageView作为背景,这里就直接可以用一张图来填充背景:
iOS backgroundColor 背景图片 UI