Jquery mobile jquery移动复选框样式问题

使用jquerymobile

尝试使禁用复选框可见。可以覆盖高度/宽度

<div class=" ui-checkbox ui-state-disabled">
 <input type="checkbox" name="foo" checked="checked" disabled="disabled">
</div>

---

感谢您的建议。

要使用jQM样式，请将复选框放在标签内，无论您是否有文本。然后，当小部件被增强时，如果它被禁用，则不透明度用于使复选框变暗

<label>
    <input type="checkbox" name="foo" checked="checked" disabled="disabled" /> Check me   
</label>    
<label>
    <input type="checkbox" name="bar" checked="checked" disabled="disabled" />    
</label>  

jQM实际上隐藏了输入元素，并将标签样式设置为复选框

<label>
    <input type="checkbox" name="foo" checked="checked" disabled="disabled" /> Check me   
</label>    
<label>
    <input type="checkbox" name="bar" checked="checked" disabled="disabled" />    
</label>  

另一方面，如果您希望jQM保留复选框未设置样式，请添加数据角色=无：

<input type="checkbox" name="bar" checked="checked" disabled="disabled" data-role="none" />

---

我可以使用样式覆盖位置，但这不是首选的方法。试着理解为什么jquerymobile想要让它隐形。谢谢