input[type="text"], input[type="number"], input[type="tel"] {
height:40px;
padding: 0 5px 0 5px;
border: none;
border-bottom: solid 2px #c9c9c9;
transition: border 0.3s;
background-color: #F0F5F7;
background-repeat: no-repeat;
display: block;
clear: both;
overflow:hidden;
}
When I do padding:0
, then the above little mini boxes inside the input field vanish.
This is happening only on real iOS device or iOS emulate mode.
Any ideas how to resolve?