Question

我在YouTube上关于如何自定义表单复选框（https://youtu.be/ojWA8pdT-zY?t=5m58s）的教程，但我的CSS课程无法获得认可。不知道为什么。

这就是我在HTML中引用它的方式：

<label><input type="checkbox" name="check" value="1"/><span class="labeltext">1<span></label>

这就是我在CSS中获得它的方式：

.labeltext:before {
    content: "hello";
}

我不确定我做错了什么。我已经可以在Visual Studio Code中看到它没有被识别，因为 .labeltext 的颜色不会像通常那样改变。

我试图让它成为一个ID，看看是否可以解决它，但没有运气。

感谢您抽出宝贵时间至少阅读我的问题！

编辑：我意识到了错字。大声笑。但在错字修正之后，它并没有解决我的问题。

EDIT2：我的整个CSS到目前为止我得到了什么。正如用户所建议的

h1 {
  font-family: sans-serif;
  text-align: center;
}

p {
  font-family: sans-serif;
}

h3 {
  font-family: sans-serif;
}

label {
  cursor: pointer;
}

input[type="checkbox"] {
  display: none;
}

+.label-text:before {
  content: "hello";
}

EDIT3：解决了！ CSS中的+由于某种原因而干扰。无论如何，它的工作方式就像我现在想的那样。谢谢大家试图帮助我！

Answer 1

<强>错字

</span>

＆＃13;

.labeltext:before {
  content: "hello";
}

＆＃13;

<label><input type="checkbox" name="check" value="1"/><span class="labeltext">1</span></label>

＆＃13;

Answer 2

代码在jsfiddle上工作正常：https://jsfiddle.net/nabtron/h7ntro6x/2/

但是，您的代码有错误，结束范围标记没有/span（/缺失）

我的CSS课程没有得到认可

2 个答案: