如何使对勾标记的颜色不同？

Question

I have refered prettyCheckable . and tried to implement it. But didn't get success. I want to implement checkbox same like it. Anyone help me with this. I used jsfiddle and apply following code.

<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

could it be a mixup with doctypes??

• you are doing /> => html4 doctype
• checked => html5 doctype

Which doctype do you use?

Then you could check if jQuery was loaded before you load the prettyCheckable script?

Answer 2

Here is the CSS link of the page you are referring to http://arthurgouveia.com/prettyCheckable/js/prettyCheckable/prettyCheckable.css

You can check the code there.