テキストフォームボックスHTML背景画像

Question

私は、ユーザーが電子メールアドレスを入力する必要があるテキスト形式を持っています。私は、このテキスト形式に画像をバックグラウンドとして持たせたいと思います。

は、ここで私がこれまで持っているものです。

HTML：

<form action="addemailtodatabase.php" method="post"> 
<input class="emailinput" type="text" name="email" maxlength="80"/> 
<input type="submit" name="submit" value="Sign Up"/> 
<input type="hidden" name="submitted" value="TRUE"/> 
</form> 

はCSS：

.emailinput{ 
    background-image:url(images/desktop/field-normal.png); 
    background-repeat:no-repeat; 
    border:none; 
    width:296px; 
    height:62px; 
} 

私は画像の後ろの白い背景を取り除くことはできません（それはありませんイメージファイル、角が丸く、白いビットはありません）。

任意の提案：

は、ここでは次のようになりますか？ありがとう。

Answer 1

リセットまたはデフォルトスタイルのスタイルシートを使用していないので、background-colorプロパティも設定する必要があります。 transparentに設定することができます。

Answer 2

あなたのCSSは次のようになります。

.emailinput{ 
    background-image: #000 url(images/desktop/field-normal.png) no-repeat; 
    border:none; 
    outline:none; 
    width:296px; 
    height:62px; 
}