css - 将 html 表单输入悬停在图像上

Question

我目前有一个简单的表单，其中的文本输入具有由 css 设置的蓝色背景。它在 Firefox 和 IE 中都完美运行并且看起来不错，但在 iPhone 或 Safari 上却不行？我怎样才能安排它以便输入后面有图像而不是背景？请注意，输入的两端还有其他图像，请参阅 - http://stack.uk.to

Answer 1

我看到的唯一问题是您输入的 CSS 表明它的 height 应该是 48px。位于其旁边的图片的 高度 为 50px。如果您将 input 的高度更改为 50px，它似乎匹配。

样式.css:

.loginInput {
    margin-right: -11px;
    background: #0099FF;
    padding: 0;
    color: #000066;
    font-size: 36px;
    font-family: 'Cubano', Arial, sans-serif;
    vertical-align: bottom;
    height: 50px; 
    border: none;
}