消失輸入提交按鈕使用CSS

我有一個輸入與提交按鈕，在它下面的代碼消失輸入提交按鈕使用CSS

<input class="buttons" type="button" onclick="javascript:jQuery(xxxx)" style="font-size: 12px;" value="Invite to Bid">

下面是放一個優雅的「去」的形象在按鈕上的CSS功能

.buttons { 
background: url("/images/default/product/go_bt.png") no-repeat scroll 0 0 transparent; 
}

但現在二者圖像和按鈕的圖形中示出現在，爲了空白我已經使用下面的CSS代碼

input.buttons { 
color: transparent; 
}

值

但仍然輸入按鈕圖形不會消失，只有它的價值已經消失。是否有任何可能性使用css中的類按鈕消失此輸入按鈕圖形，以便我可以只具有「去」圖像的功能...

2012-04-25 Nabe

你試過'.buttons {border：none;}'？ – Zeta 2012-04-25 10:13:38

如果您不希望輸入按鈕出現，只會出現GO圖像，請使用div或span標籤並將GO圖像背景應用於該圖像。 – Ankit 2012-04-25 10:16:34

好，所以不知道你是否想讓輸入消失或刪除圖像。

使用CSS刪除背景圖像是

background-image:none

想讓它消失是：

display: none or visibility:hidden

你下面沒有什麼影響字體顏色

color: transparent;

詩篇。 CSS有ID和類沒有功能。這個問題也不應該被標記爲css3

2012-04-25 10:13:16

根據我的理解，您必須爲此定義text-indent。這樣寫：

input.buttons { 
    text-indent:-9999px 
}

2012-04-25 10:14:42 sandeep

回答