javascript - 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 之后加载的 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;
}