Question

我在这里遇到了一些问题。我读了很多关于这个主题的主题，但是对我不起作用......

我正在为wp atm制作一个主题，但我坚持使用CSS复选框样式，这是我的CSS：

 input[type=checkbox] {
    opacity: 0;
  }

  input[type=checkbox] + label
   {
    background-image: url('images/main-sprite.png') no-repeat 0 -311px;
    height: 20px;
    width: 20px;
       display:inline-block;
       padding: 0 0 0 0px;
   }

   input[type=checkbox]:checked + label
    {
            background-image: url('images/main-sprite.png') no-repeat 0 -357px;
    height: 20px;
    width: 20px;
        width: 16px;
        display:inline-block;

        padding: 0 0 0 0px;
    }
.lcheckbox {
        position: relative;
    top: 43px;
    right: 200px;
}

当然是我的HTML：

<input class='lcheckbox' type="checkbox" /><label for="checkbox">Remember me</label>

那么，有没有人可以帮助我？

由于

好的，我已经修复了第一件事，但现在我点击没有任何反应，标签文字如下： Remember *Here's a enter, so we continue on the next line* Me

Answer 1

<label for="checkbox">适用于ID为checkbox的输入由于您的输入没有ID，因此无效。

解决方案：输入一个id。

<input class='lcheckbox' type="checkbox" id="checkbox" />
                                         ^^^^^^^^^^^^^

（或任何其他ID，只要它与标签的for属性匹配。）

CSS复选框样式不起作用

1 个答案: