html - 在 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;