2013-02-12 48 views
0

我想爲jquery mobile中的複選框添加邊框。我曾嘗試使用css的邊框屬性和輪廓屬性進行樣式設計。如何爲jquery mobile中的複選框添加邊框

<input type="checkbox" name="checkbox-0" style="outline: 3px solid #1e5180;"/> 
<input type="checkbox" name="checkbox-1" style="border: 3px solid #1e5180;"/> 

但沒有爲我工作。有人可以提供解決方案嗎?

+1

如果您想對本機checkb牛,那麼答案是否定的,你不能設計一個本地複選框。只有這樣才能做到這一點,就是創建一個自定義複選框,並通過它來操縱一個原始複選框。 – Gajotres 2013-02-12 19:52:50

回答

0

使用jQuery移動複選框:

http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-checkboxes.html

,您可以定位的.ui-BTN-了-C

.ui-btn-up-c { 
    border: 1px solid #999999; 
} 

定製造型還是在這裏建立自己的主題:

http://jquerymobile.com/themeroller/

+0

嗨我已經使用jquery-mobile複選框,但我的要求是爲複選框應用邊框顏色,這是我無法做到的。 – Sriks 2013-02-13 02:48:11

+0

@Naga Srikanth,你需要重寫.ui-btn-up-c的css風格,我更新了我的答案來解釋。 – UpHelix 2013-02-13 16:55:27