消失输入提交按钮使用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

回答