我想知道如何创建一个具有背景图像的自定义 HTML 按钮，并且我可以在该图像上显示自定义文本。
例如，我想显示一个提交按钮，该按钮有一个背景图片，并且文本“提交”出现在该图片的顶部。
我试过了-
<input type="button" value="Submit" style="background-image: url(pages/images/ButtonBackground.png);">
但是，它不能正常工作。我只看到测试提交和按钮，但没有显示图像。
最佳答案
我建议您使用 <button>而不是 <input type='submit' />或 <input type='button' /> .原因是您可以将 HTML 元素(嵌套元素)嵌入到 <button> 中。元素。通过这种方式，您可以制作更加灵活的按钮，甚至可以进行更多自定义。
<button>
<span class='image'></span>
<span class='text'>Click Me!</span>
</button>
关于html - 使用背景图像和文本创建自定义 html 按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8449358/