2016-11-10 94 views
0

我使用科尔多瓦/ jQuery Mobile的JQuerymobile如何删除行距

我想开发带有多个输入字段设置页面输入字段之间。我想要删除行之间的间距,但我无法找到任何解决方案。

enter image description here

下面是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

+1

检查这一个http://jsfiddle.net/bRszY/159/ –

回答

0

添加这个CSS规则在你的HTML或在被jQuery的一个后加载的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; 
} 
+0

太棒了!谢谢 我想知道是否有办法消除田野之间的阴影。 – Anjum

+1

.ui-shadow-inset { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } – Mdk