2011-11-08 18 views
0

我有一个html按钮,我已经添加了一个背景图像,它有一个字“提交”的问题是,在图像的顶部有一个“提交“,我不能摆脱。试图隐藏或不显示单词“提交”

这里是我的代码

 <input type="submit" value="Submit" class="button" /> 

     .button{ 
     background: white url('../images/mybtn.png') no-repeat top; 
     width: 150px; 
     height: 30px; 
} 

我怎样才能摆脱对按钮的默认“提交”的?

谢谢

+0

您可以将该值设置为空字符串“” – Ash

+0

不要将内容隐藏在背景图像中。如果你想要一个按钮的图像,然后使用''或''。 – Quentin

+0

它不完全是内容。它是一个按钮文本,他希望使用具有相同文本的图像。也许他想坚持提交按钮,因为他可能从提交按钮中获得一些其他优点。 – Ash

回答

2

text-indent:-9999px在您的按钮中是这样的:

.button{ 
     background: white url('../images/mybtn.png') no-repeat top; 
     width: 150px; 
     height: 30px; 
     text-indent:-9999px; 
     overflow:hidden; 
} 
0

您可以使用图像作为输入型,其将作为提交按钮,如图W3 Schools

+0

他希望通过提交按钮来实现它,并且可以使用提交按钮,为什么要提出替代方案。从整体应用程序框架的角度来看,使用提交按钮可能有很多优点。 – Ash

0

变化
value="Submit"

value="" name="Submit"

0

为什么不只是状态值=“”?或者设置按钮的CSS是这样的: -

.button { 
text-indent: -9999px; 
overflow: hidden; 

}

这将隐藏按钮上的文字。

0

一卷不提样值=“东西”什么...或者使用文本缩进放置文本“价值”,似乎地方,成为画面上不.....

0

集要清空的值

<input type="submit" class="subbut" value="" />