2011-07-04 35 views
3

我有一个按钮,这是最初的图像和点击时执行的操作。不过,我想添加标题提交到按钮。到按钮,添加文本与图像HTML

我怎么能这样做?

<form name="input" action="" method="post"> 
<input type="text" name="emailaddress" placeholder="email address" class=emailInput /> 
<button type="submit" style="border: 0; background: transparent"> 
    <img src="submit.png" width="50" height="31" class=submitButton alt="Submit" /> 
</button> 
</form> 

回答

3

最好的办法就是做这个用CSS由于图像实际上是我想的文字的背景。

  • 从按钮内
  • 使用CSS去除图像装饰按钮
  • 地方文本在按钮

CSS:

button { 
    background:transparent url(submit.png) no-repeat left top; 
    width:50px; 
    height:31px; 
} 

more here