Javascript button with image / css?

Question

I've go a somewhat silly question... Cant figure out how to create a button with image So far I've come to the the

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

Instead of "back" button I would like to have f.e images/back.jpg button

Do i need to create a new class button in css?

Thank you!

rrk · Accepted Answer · 2016-04-15 10:06:33Z

1

You can use <button> tag and image as html content.

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

answered Apr 15, 2016 at 10:06

rrk

15.9k4 gold badges32 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wojciech Over a year ago

Thank you, is there a possibilty to remove that button frame around the original button picture?

timpwbaker · Accepted Answer · 2016-04-15 10:17:16Z

0

You could use a background url style on the button.

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

See fiddle

answered Apr 15, 2016 at 10:17

timpwbaker

1261 silver badge11 bronze badges

Collectives™ on Stack Overflow

Javascript button with image / css?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related