css - 删除 Jquery Mobile 复选框覆盖

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>