javascript - jquery mobileでチェックボックスにボーダーを付ける方法

Question

jquery モバイルでチェックボックスの境界線を追加したいと考えています。スタイリングにcssのborder属性とoutline属性を使ってみました。

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

しかし、私にはうまくいきませんでした。誰かが解決策を提供してもらえますか?

Answer 1

jquery-mobile チェックボックスを使用します。

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

.ui-btn-up-c をターゲットにすることでスタイルをカスタマイズできます

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

または、ここで独自のテーマを作成します。

http://jquerymobile.com/themeroller/