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>