title: iPad input button styling
body: <p>I have inconsistencies in styling of a form button mainly when viewing in iPad. For some reason CSS styles for <code>background-color</code> and <code>padding</code> do not apply in iPad. I get the default looking button, with gradient and round corners, which is not what I want. I also want to avoid using an image. </p>
  
  <p>CSS</p>
  
  <pre><code>.mailBtn {
    background: #fff;
    border:0;
    color: #000;
    font: 0.625em 'SansPro Light',sans-serif;
    margin: 0 0 0 -3px;
    padding: 11px 7px 10px;
    text-transform: uppercase;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="submit" value="Send" class="mailBtn"&gt;
  </code></pre>
  
  <p>Any ideas as to how can I keep styling consistent across platforms with pure CSS?</p>