如何使對勾標記的顏色不同？

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混淆嗎？

• 您正在做/> => html4 doctype
• checked => html5 doctype

您使用哪種文檔類型？

然后，您可以在加載prettyCheckable腳本之前檢查是否已加載jQuery？

Answer 2

這是您引用的頁面的CSS鏈接http://arthurgouveia.com/prettyCheckable/js/prettyCheckable/prettyCheckable.css

您可以在那里查看代碼。