Javascript按钮与图像/ css？

Question

我已经走了有点愚蠢的问题... 无法弄清楚如何创建图像 到目前为止，我已经来到了

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

而不是一个按钮，“后退”按钮，我想有fe图像/ back.jpg按钮

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

谢谢！

Answer 1

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

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

Answer 2

你可以在按钮上使用背景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