图像 - 复选框不起作用

Question

我有3个图片复选框。使用此代码：Codepen 1它们看起来像我想要它们。

在下一步中，我添加了表单：Codepen 2

现在你看 - 表单正在创建3个自己的复选框而不是使用图片。你能帮帮我吗？

Answer 1

将您的<option>的{​​{1}}更改为id的{​​{1}}属性（在您的情况下使用<label>，for＆amp; {在cb1的{​​{1}}属性中{1}}，就像：

cb2

查看下面的工作代码段：

cb3

<option>

希望这有帮助！