如何在JQM data-role = mini上保持相同的宽度？

Question

在Jquery Mobile输入字段中使用属性data-role="mini"时，文本大小会很小，但遗憾的是输入字段的宽度不同。

E.g：

<input type="checkbox" name="news" checked="checked" id="checkbox-mini-0" class="custom" data-mini="true">
<label for="checkbox-mini-0">test</label>

保持宽度相同的最佳方法是什么？

Answer 1

在jQM 1.4.5中，ui-mini类为复选框容器添加了一个边距。您可以使用以下CSS覆盖它：

div.ui-mini {
  margin: 0;
}

您的更新 FIDDLE