如何刪除Jquery Mobile Panel窗體的填充？

只要我添加一個表單標籤，我得到這個表單元素周圍的討厭的填充。有沒有辦法解決？如何刪除Jquery Mobile Panel窗體的填充？

截圖：https://s3.amazonaws.com/thom-temp/jquerymobile-wtf.png

<div id="advancedSearch" data-role="panel" data-position="right" data-display="push"> 
    <div data-role="header"> 
    <h1>Search</h1> 
    <a id="searchButton" href="#" class="ui-btn-right" data-role="button" data-theme="d" data-icon="search">Go</a> 
    </div> 

    <div data-role="content"> 
    <form style="margin: 0px; padding: 0px;" id="yw2" action="/mshi/index-test.php/inspection/list" method="get"> 
     <ul data-role="listview" data-inset="false" data-theme="a"> 

     <li data-role="fieldcontain"> 
      <input placeholder="Id" name="inspection[id]" id="inspection_id" type="text" /> 
     </li> 
     </ul> 
    </form> 
    </div> 
</div>

來源

2013-07-11 darknsf

如何添加標籤和位置？ – Omar

'.ui-panel-inner {padding：0！important}'演示在這裏http://jsfiddle.net/Palestinian/tW5Fe/ – Omar

哎呀意味着輸入表單標籤。感謝奧馬爾！ – darknsf

覆蓋.ui-panel-inner的padding

.ui-panel-inner { 
    padding: 0 !important; 
}

Demo

來源

2013-07-12 00:02:44 Omar

添加margin: 0px; padding: 0px;在你的 '頭' 和 '內容' div的

來源

2013-07-11 02:51:59 RicardoGonzales

如何刪除Jquery Mobile Panel窗體的填充？

回答

相關問題