0

デフォルトのチェックボックスを表示し、Jquery Mobile がチェックボックスに追加するオーバーレイを削除したいと考えています。

<fieldset data-role="controlgroup">
     <input type="checkbox" name="checkbox2-1a" id="checkbox2-1a"  />
     <label for="checkbox2-1a">Lorem ipsum</label>
     <input type="checkbox" name="checkbox2-2a" id="checkbox2-2a"  />
     <label for="checkbox2-2a">Dolor</label>
</fieldset>

一部のチェックボックスで JQM チェックボックス スタイルを保持したいのですが、これらの選択したチェックボックスでは、ブラウザのデフォルトが表示されるように完全に削除します。

data-theme="none" を試しましたが、これらのスタイルは縮小された jquery.mobile.structure.css にあるようです。

入力ごとにオーバーライドとカスタム クラスを作成しないようにしたいと考えています。より良い方法、または JQM 内に既に存在する方法はありますか?

4

1 に答える 1

0

入力に ​​data-role="none" を追加します。

<fieldset data-role="controlgroup">
     <input data-role="none" type="checkbox" name="checkbox2-1a" id="checkbox2-1a"  />
     <label for="checkbox2-1a">Lorem ipsum</label>
     <input data-role="none"  type="checkbox" name="checkbox2-2a" id="checkbox2-2a"  />
     <label for="checkbox2-2a">Dolor</label>
</fieldset>
于 2013-11-14T22:51:27.393 に答える