title: JQuery mobile / input text in listview
body: <p>I have several input fields which are inside a listview entry. So now i´m trying
  to style the CSS of the input fields in such a way that it looks like a normal listview entry.</p>
  
  <p>The input field will be filled out by angular´s ng-model, but this is not really important.</p>
  
  <p>This is what i did so far, but i think i need help with margin/padding etc.</p>
  
  <pre><code>// CSS input
  .ui-input-text{ 
    border: none !important;
    box-shadow: none !important;
    background-color : transparent;
  }
  
  // HTML
  &lt;ul data-role="listview" data-divider-theme="b"&gt;
  &lt;li data-role="list-divider"&gt;Verbraucher&lt;/li&gt;
  &lt;li data-mini="true"&gt; &lt;a href="#"&gt;
  // This should look like a "normal" listview entry!
  &lt;input type="text" ng-model="cust.firstname" name="cust_firstname" required&gt;    
  &lt;/a&gt;&lt;/li&gt;
  ... 
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/tAoKi.jpg" alt="listview"></p>
  
  <p>Both should look like the same!</p>