JQuerymobile如何删除输入字段之间的行空间

Question

我正在使用Cordova / JQuery Mobile

我正在尝试开发一个包含多个输入字段的设置页面。我想删除行之间的间距，但我找不到任何解决方案。

这是HTML

<div id="container">

                        <input type="text" data-mini="true" data-inline="true" id="SettingsCat0" />
                        <input type="text" data-mini="true" data-inline="true" id="SettingsCat1" />
                        <input type="text" data-mini="true" data-inline="true" id="SettingsCat2" />
                        <input type="text" data-mini="true" data-inline="true" id="SettingsCat3" />
                        <input type="text" data-mini="true" data-inline="true" id="SettingsCat4" />

</div>

这是Demo

Answer 1

在您的html或在jQuery one之后加载的CSS文件中添加此CSS规则：

input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini, .ui-input-search.ui-mini, div.ui-input-text.ui-mini {
    margin: 0;
}