title: Android Hijacks CSS of Input Field During Focus?
body: <p>I have a nicely formatted text input field on my web app, but Android hijacks my CSS as soon as the user brings the field into focus. It looks ugly -- the borders lose their radius, the font and font size changes, the background gets changed, etc. How do I get rid of this?</p>
  
  <p><a href="https://i.stack.imgur.com/HFRWc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HFRWc.png" alt="Screenshot"></a><br>
  <sub>(source: <a href="http://flowtab.mobi/wp-content/uploads/images/seriously.png" rel="nofollow noreferrer">flowtab.mobi</a>)</sub>  </p>
  
  <p>I was able to get rid of the border color using the CSS below, but adding anything else (font style, font color, etc.) doesn't seem to override the default formatting given by the browser:</p>
  
  <pre><code>textarea:focus, input:focus {
      outline: none;
  }
  </code></pre>