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

我无法去除图片后面的白色背景（这并不是图片文件本身的问题，因为它有圆角而且没有白色部分）。

以下是效果截图：

任何建议？谢谢。

- Adam Waite

---

也许可以使用 background-color: transparent - aletzo

Answer 1

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

- supakeen

---

太棒了，知道了就很容易了吧！？一旦允许我标记为正确，我会立即这样做。 - Adam Waite

Answer 2

你的CSS将会像这样：

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

- Asif