输入字段在iOS中显示不同的大小

Question

我有一个背景和固定宽度/高度的输入字段.它在我桌面上的所有浏览器中都很好看.但出于某种原因,它在iPad和iPhone上看起来更大.

我在Css中尝试了几个技巧但到目前为止没有任何工作.

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;

Answer 1

小心,据我所知,iOS中的Safari浏览器在输入字段中添加了额外的填充.

尝试在css中使用此代码:

padding: 0;