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;
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;
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments