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

Question

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

例如:

<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