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

Question

我目前有一个简单的表单，其中有一个由css设置的蓝色背景的文本输入。这一切都完美，在Firefox和IE看起来不错，但不是在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; 
}