Question

.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 mix）。她，我已经包括了我的sass。如果我评论背景，编译效果很好。

Answer 1

请确保在编译之前将图像添加到原始文件夹，而不是在之后的编译文件夹中。我通常也遇到相同的问题，但是可以通过在编译img前命名来解决该问题，编译器会创建一个新文件，将其命名为图像，< / p>

观看使用背景的无限循环

1 个答案: