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

回答