如何讓複選標記的顏色不同？

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

如何讓複選標記的顏色不同？

回答

相關問題