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

Question

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

Answer 1

我看到的唯一问题是您输入的 CSS 说它height应该是48px. 您旁边的图像50px位于height. 如果您将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;
}