html - 使用css消失的输入提交按钮

Question

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

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

以下是在 Button 上放置一个优雅的“Go”图像的 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 和 classes 没有功能。这个问题也不应该用 css3 标记

Answer 2

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

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