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

在Jquery Mobile输入字段中使用属性data-role="mini"时，文本大小将很小，但不幸的是输入字段的宽度不相同。如何在JQM 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>

什么是保持宽度相同，最好的办法？

2016-03-04 merlin

安置自己的HTML标记进行 – ezanker

。我刚刚添加了data-rol =“mini” – merlin

https://jsfiddle.net/ezanker/09p2sebh/ - 看起来和我的宽度一样...你能编辑小提琴来重现你的问题吗？ – ezanker

看起来像在jQM 1.4.5中，ui-mini类为复选框容器添加了边距。你可以用下面的CSS覆盖它：

div.ui-mini { 
    margin: 0; 
}

你更新FIDDLE

2016-03-07 16:49:00 ezanker

谢谢！这工作。 – merlin

回答