.checkbox-group {
position: relative;
padding-left: 30px;
input[type="checkbox"] {
height: 20px;
width: 20px;
margin: 0;
position: absolute;
opacity: 0;
left: 0;
z-index: 1;
&:checked {
+ .pseudo-checkbox {
background: red;
background: url("../../images/tick.png") no-repeat;
}
}
}
span.pseudo-checkbox {
height: 20px;
width: 20px;
display: inline-block;
border: 1px solid $input-border;
//background-color: #fff;
position: absolute;
left: 0;
}
}
[使用同级选择器和背景图像时,Sass Watch编译器进入无限循环(使用laravel混合)。她,我包括我的无礼。如果我评论背景,则编译效果很好。
[确保将图像添加到原始文件夹之前而不是之后的编译文件夹中,我通常也遇到相同的问题,但是可以通过在编译img前命名来解决它,编译器会创建一个新的它将命名为图像,