刪除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

添加數據角色= 「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>