html - 文本表单框 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;
}

我无法摆脱图像后面的白色背景(它不是图像文件，它有圆 Angular 且没有白色位)。

这是它的样子:

有什么建议吗？谢谢。

Answer 1

由于您没有使用重置或默认样式清除样式表，因此您还需要设置 background-color 属性。您可以将其设置为透明。