3

フォーム タグを追加するとすぐに、フォーム要素の周りにこの厄介なパディングが表示されます。これを回避する方法はありますか？

スクリーンショット: 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>
4

2 に答える 2

9

.ui-panel-innerのオーバーライドpadding

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

デモ

于 2013-07-12T00:02:44.370 に答える