1

我希望有人可以在这里帮助我。<button我有一个标准的用户名/密码表单，它使用包含小图像的 > 标记提交。

该按钮是一个固定的宽度和高度，没有边距、填充、向左对齐的文本，并且没有其他内容栏<img> 标记。它看起来很好，并且可以在我的 Win7 PC 上的任何现代浏览器上正常工作。

在 iPhone 4 Safari 上（我没有 iPad 来检查），就我所见（通过使用背景颜色），按钮以正确的宽度和高度显示。左边有一个莫名其妙的间隙，由于溢出，部分图像正在丢失。

我一直找不到任何可能导致此问题的 CSS，或者可以修复它的 CSS - 所以这很烦人。有没有人遇到过类似的？因为我在有限的空间中工作（因此固定大小和溢出）只是离开它并不是我的首选，因为它会破坏盒子的外观。

我目前的解决方法是废弃按钮标签并通过单击图像提交表单，尽管我并不认为这是理想的。

总而言之 - BUTTON 的大小和位置似乎都正确，但它的子 IMG 在 iPhone 4 上呈现在错误的位置。

编辑：对不起，应该包含一个链接... wamdirect.co.uk是我正在处理的网站，问题出在在 iPhone 4 上查看时右上角的登录框。

4

1 回答 1

1

不要使用<img>，使用：

button
{ 
   background-image: url(...);
   background-repeat:no-repeat;  
}
于 2010-11-22T15:22:55.923 回答