如何在 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
在 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