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

Question

我目前有一个简单的表单，其中包含一个由css设置的蓝色背景的文本输入。这一切都很完美，在firefox中看起来不错，但不是在iPhone或Safari上？如何安排它以使输入背后有图像而不是背景？ 请注意，输入结尾还有其他图片，请参阅 - http://stack.uk.to

Answer 1

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

的style.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;
}