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

Question

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

我该怎么做？

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