How can I make my <input type=“submit” /> an image?

Question

I have a beautiful little CSS image that needs to be a button. I\'ve tried about 20 different methods, none of which work. I just either get a blank nothing or a border with no

Answer 1

You can override the style given by the browser to the button.

For example adding this to your css does the trick for me (on Chrome):

.controls input {
   background: url(' http://lrroberts0122.github.com/DWS/lab6/level-2/images/button.png') -411px -540px no-repeat;
   width: 199px;
   height: 109px;
   border: none;
}

But really if you are not going to use the browser's css for the button, you should probably not use at all, and just insert the image (via an tag or a

with the image as background) and attach a click listener to it.

For example:

The html:

The javascript (assuming you use jQuery):

$('.controls img').click(function(){... stuff to do...});

0 讨论(0)

查看其它6个回答

发布评论:

提交评论

---

•  加载中...