Question

我想显示默认复选框，并删除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中是否有更好的方法或方法？

Answer 1

将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>

删除Jquery Mobile Checkbox Overlay

1 个答案: