消失使用css输入提交按钮

Question

我有一个输入提交按钮，其中包含以下代码

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

以下是将优雅的“Go”图像放在Button

上的css函数

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

但是现在显示了图像和按钮图形 现在，为了清空值，我使用了以下css代码

 input.buttons {
color: transparent;
}

但是仍然输入按钮图形没有消失，只有它的值已经消失了..有没有可能使用css中的类按钮消除这个输入按钮图形，这样我就可以拥有“go”图像的功能...

Answer 1

好，所以不确定是否要让输入消失或删除图像。

使用css删除背景图片

background-image:none 

让事情消失的是：

display: none  or visibility:hidden

您在下面所做的是影响字体颜色

color: transparent;

聚苯乙烯。 css有id和class没有功能。这个问题也不应该用css3标记

Answer 2

据我了解，您必须为此定义text-indent。写得像这样：

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