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

How to keep same width on JQM data-role=mini?

在 Jquery 移动输入字段中使用属性 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>

保持宽度不变的最佳方法是什么?

看起来像在 jQM 1.4.5 中,ui-mini class 为复选框容器添加了边距。您可以使用以下 CSS:

覆盖它
div.ui-mini {
  margin: 0;
}

您更新后的FIDDLE