如何移除Jquery Mobile面板表单的填充？

Question

只要我添加一个表单标签，表单元素周围就会出现难看的填充。有没有什么办法可以解决这个问题？

屏幕截图：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>

- user1322930

---

你如何添加标签以及在哪里添加？ - Omar

.ui-panel-inner { padding: 0 !important }。演示在此处http://jsfiddle.net/Palestinian/tW5Fe/。 - Omar

糟糕，我本来想打表单标签的。谢谢Omar！ - user1322930

你应该将其发布为答案，这样我就可以给你答案的功劳。 - user1322930

好的，伙计，我会的 :) - Omar

Answer 1

覆盖 .ui-panel-inner 的 padding

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

Demo

- Omar

Answer 2

在您的“header”和“content” div中添加margin: 0px; padding: 0px;。

- napstercake