javascript - 如何使复选标记的颜色不同？

Question

我提到了 prettyCheckable。并试图实现它。但没有获得成功。我想像它一样实现复选框。任何人都可以帮我解决这个问题。我使用了 jsfiddle并应用了以下代码。

<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="1" id="Test1" name="Test1" data-label="Right positioned label (no param)" />
</div>
<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="2" id="Test2" name="Test2" data-label='data-labelPosition="left"' data-labelPosition="left" />
</div>
<div class="input-wrapper">
<br/>
<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="1" id="color1" checked name="color1" data-label="Default (no-param)" />
</div>
<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="1" id="color2" checked name="color2" data-label='data-color="green"' data-color="green" />
</div>
</div>
</div>

Answer 1

它可能与文档类型混淆吗？

• 你在做/>=> html4 doctype
• checked=> html5 文档类型

您使用哪种文档类型？

然后你可以在加载 prettyCheckable 脚本之前检查是否加载了 jQuery？

Answer 2

这是您所指页面的 CSS 链接 http://arthurgouveia.com/prettyCheckable/js/prettyCheckable/prettyCheckable.css

你可以在那里检查代码。