文本框HTML背景圖片

我有一個文本表單，用戶應該在其中輸入一個電子郵件地址。我希望這個文本表單有一個圖像作爲背景。文本框HTML背景圖片

這是我到目前爲止有：

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; 
}

我不能得到（去掉圖像背後的白色背景的它不是圖像文件，具有圓角和沒有白色的位）。

這裏是什麼樣子：

White border

有什麼建議？謝謝。

來源

2012-02-23 Adam Waite

也許'背景色：transparent' – aletzo 2012-02-23 13:06:31

由於您沒有使用重置或默認樣式清除樣式表，因此您還需要設置background-color屬性。您可以將其設置爲transparent。

來源

2012-02-23 13:06:47 ikanobori

神奇的感謝，容易當你知道是不是！？只要它允許我會標記爲正確。 – 2012-02-23 13:14:17

所以你解決了這個問題？ – Jack 2012-02-23 13:16:48

是的，我確實解決了它 – 2012-02-23 15:21:35

你的CSS將是這樣的：

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

來源

2012-02-23 14:20:14 Asif

文本框HTML背景圖片

回答

相關問題