带有image/css的Javascript按钮

Javascript button with image / css?

本文关键字：Javascript 按钮 css image 带有      更新时间：2023-09-26

我问了一个有点傻的问题。。。无法找到如何创建带图像的按钮到目前为止，我已经来到

<form>
    <input type="button" value="back" onclick="history.back()">
</form>

我想要的不是"后退"按钮，而是f.e images/back.jpg按钮

我需要在css中创建一个新的类按钮吗？

谢谢！

您可以使用<button>标记和图像作为html内容。

<button type="submit" name="someName" value="someValue" onclick="history.back()">
  <img src="https://i.stack.imgur.com/IX7ZV.png" alt="SomeAlternateText">
</button>

您可以在按钮上使用背景url样式。

<button class="button"></button><br>
<input class="button" type="button" onclick="history.back()">
<style>
.button {
  height:50px;
  width:50px;
  background: url(https://lh3.ggpht.com/sqPcTNRtM6vc4pzWXWXIR6KxnRwbIz4LIYKvqwr1l__gPYkx24sV4Ak1oc2sN99dVA=w300);
  background-size: 100% 100%;
}
</style>

参见fiddle

相关文章：