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

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

可能是与doctypes的混合吗？

• 你在做/> =＆gt; html4 doctype
• checked =＆gt; html5 doctype

您使用哪种doctype？

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

Answer 2

以下是您所指的网页的CSS链接 http://arthurgouveia.com/prettyCheckable/js/prettyCheckable/prettyCheckable.css

您可以查看那里的代码。