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

标签 css jquery-mobile input

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

例如:

enter image description here

<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 类向复选框容器添加了边距。您可以使用以下 CSS 覆盖它:

div.ui-mini {
  margin: 0;
}

您更新的 FIDDLE

关于css - 如何在 JQM data-role=mini 上保持相同的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35798488/

相关文章:

html - 如何避免在 div 中页脚与它上面的图像重叠

javascript - 如何在 jQuery Mobile 中为按钮添加文本颜色

c# - 如何使用InputSimulator模拟远程桌面上的特定按键?

css - 通过列数拆分时重复表头

html - 如何使用css为单个字母赋予背景颜色

javascript - 单击时显示 div,几秒钟后再次隐藏

android - 在 jquery 移动应用程序中部署到设备时不显示图像

jquery - jquery mobile gridview的onclick事件

php - 您能否在使用 PHP 或 JavaScript 提交表单失败后重新填充文件输入?

Java忽略字符串