Текстовое поле 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;
}