2013-02-12 4 views
0

Я хочу добавить границу для своих галочек в jquery mobile. Я попытался использовать атрибуты border и атрибуты 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 ox, тогда ответ - нет, вы не можете создать собственный флажок. Единственный способ сделать это - создать пользовательский флажок и через него манипулировать оригинальным. – Gajotres

ответ

0

Использование JQuery мобильных флажков:

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

Вы можете настроить стиль таргетинг .ui-БТН-вверх-с

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

Или создать свою собственную тему здесь:

http://jquerymobile.com/themeroller/

+0

Привет, я использовал флажки jquery-mobile, но мое требование - применить цвет рамки для флажка, который я не мог сделать. – Sriks

+0

@Naga Srikanth, вам нужно переопределить стили css .ui-btn-up-c, я обновил свой ответ, чтобы объяснить. – UpHelix