html - How to remove padding for Jquery Mobile Panel form? -


as add form tag nasty padding around form elements. there way around this?

screenshot: 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> 

override .ui-panel-inner's padding

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

demo


Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -