Input field showing different size in iOS

css, html, ios

Solution

Be careful, as far as I know Safari browser in iOS adds extra padding in the input fields.

Try using this code inside your css:

padding: 0;

Problem

I have an input field with a background and a fixed width/height. It looks good in all the browsers on my desktop. But for some reason it looks bigger on the iPad and iPhone. I tried several tricks in Css but nothing worked so far. ``` width: 120px !important; background-image:url('../img/header-input.png'); height: 30px; -webkit-appearance: none !important; -webkit-border-radius: 0; border-radius:0; @include border-radius(0); outline: none; border: none; ```

Original source