title: Border radius and box shadow have no effect in Android 2.3.6
body: <p>I ran my Phonegap app in three devices, Android 2.3.6, Android 3 and iOS7 . The problem is that on the Android 2.3.6 I see that the switch button using the jQuery switchery plugin is square instead of being rounded, as it renders in the other phones.</p>
  
  <p><img src="https://i.stack.imgur.com/K0Sk9.jpg" alt="enter image description here"></p>
  
  <p>Things I've done that didn't work out:</p>
  
  <ul>
  <li>Use cross browser border radius (e.g. -web-kit, -moz, etc.)</li>
  <li>Added !important</li>
  </ul>
  
  <p>The code of the rounded switch from switchery jquery plugin:</p>
  
  <pre><code>.switchery&gt;small {
   background: #fff;
   border-radius: 100%;
   -webkit-border-radius: 100%; 
   border-radius: 100%;
  -moz-border-radius: 20px; 
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
  </code></pre>
  
  <p>}</p>
  
  <p>I can't use a developer tools to debug the css on the device.</p>