css - 删除Jquery Mobile复选框叠加

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

最佳答案

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