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

我已经引用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>

来源

2013-05-02 Dhwani

jsfiddle在Chrome中为我工作。你正在使用哪种浏览器？ – Lowkase 2013-05-02 12:46:28

@Lowkase我正在使用铬。 – Dhwani 2013-05-02 12:49:28

不知道该说些什么。您链接的jsfiddle工作正常，因为checkboxe和单选按钮外观已被prettyCheckable更改。除了“没有成功”之外，你会得到什么结果？也许截图？ – Lowkase 2013-05-02 12:51:21

它可能是与doctypes混合？

你正在做/> => HTML4 DOCTYPE
checked => HTML5的doctype

你使用哪种DOCTYPE？

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

来源

2013-05-02 12:55:52 Mark

这是html5。我正在使用最新的一个。 – Dhwani 2013-05-02 12:59:05

更新了答案 – Mark 2013-05-02 13:02:39

这里是你所指的页面来 http://arthurgouveia.com/prettyCheckable/js/prettyCheckable/prettyCheckable.css

的CSS链接，您可以有检查代码。

来源

2013-05-02 13:14:13

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

回答

相关问题