CODEWITHSUNDEEP
javascriptjquerycss
Dhwani
Dhwani

Reputation: 7626

How to make check mark's color different?

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>

Upvotes: 0

Views: 297

Answers (2)

Ivo San
Ivo San

Reputation: 1253

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.

Upvotes: 0

Mark
Mark

Reputation: 6864

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?

Upvotes: 1

Related Questions