使用图像HTML将文本添加到按钮

Question

我有一个按钮，它最初是一个图像，并在单击时执行操作。但是我想将标题提交添加到按钮。

我怎么能这样做？

<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>

Answer 1

最好的方法是用CSS做这个，因为图像实际上是我想的文本的背景。

• 从按钮内删除图片
• 使用 css 来装饰按钮
• <按钮
中的文字

的CSS：

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

more here