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

我有一个带有背景和固定宽度/高度的输入字段。在我桌面上的所有浏览器中看起来都不错。但是由于某种原因，它在 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;

最佳答案

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

尝试在CSS中使用以下代码:

padding: 0;

关于html - 输入字段显示iOS中的不同大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21552908/