イメージ上にhtml 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; 
}