title: Grey line appears in my input field on iPhone
body: <p>I have an input that has a weird gray line, but only on iPhone. It is a solid white input on non-mobile browsers. I do not have android so I am not able to test if it is iPhone only. Any solutions to make the input entirely white?</p>
  
  <p><img src="https://i.stack.imgur.com/4jILX.png" alt="Input Grey Line Image"></p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;input class="bt-email" type="email" name="email" placeholder="enter email address"&gt;
  &lt;input class="bt-submit" type="submit" value="let's get moving!"&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.bt-email {
     color: #1795db;
     display: inline-block;
     margin: 0 auto;
     height: 30px;
     font-family: 'Lato', serif;
     font-weight: 300;
     padding-left: 15px;
     text-decoration: none solid rgb(56, 64, 71);
     width: 90%;
     background: #ffffff;
     border: 4px solid #ffffff;
     border-radius: 5px 5px 5px 5px;
  }
  .bt-email:focus {
     outline: #ffffff;
  }
  .bt-submit {
     color: #ffffff;
     display: inline-block;
     margin: 0 auto;
     height: 40px;
     font-family: 'Lato', serif;
     font-weight: 300;
     text-decoration: none solid rgb(56, 64, 71);
     width: 90%;
     padding-top: 4px;
     background: #fb7f2d;
     border: 1px solid #fb7f2d;
     border-radius: 5px 5px 5px 5px;
   }
  </code></pre>