Customizing of Flip Switch in Listview (PhoneGap)

Customizing of Flip Switch in Listview (PhoneGap)

Hi to everyone, i'm developing a mobile app based on PhoneGap and have some problems regarding Settings page. I added some Flip Switches into my settings page (Listview), but they are looking not like in real size ( jammed). Without Listview Flip Switches are looking normal, but I want to include them into Listview and make settings page more amazing. Have look at the image bottom for the details.












  1. <ul data-role="listview">
  2.       <li>
  3.             <h3>Sound</h3>
  4.             <p>Sound during the pop-ups.</p>
  5.             <p class="ui-li-aside">
  6.                   <select name="sound" id="sound" data-role="slider" data-mini="true">
  7.                         <option value="off">Off</option>
  8.                         <option value="on">On</option>
  9.                   </select></p></li>
  10.       <li>
  11.             <h3>Vibration</h3>
  12.             <p>Vibration during the pop-ups.</p>
  13.             <p class="ui-li-aside">
  14.                   <select name="vibration" id="vibration" data-role="slider" data-mini="true">
  15.                         <option value="off">Off</option>
  16.                         <option value="on">On</option>
  17.                   </select></p></li>
  18. </ul>

I've tried to look at the .css file, but for the moment without any result. Any suggestions?