Question

Possible Duplicate:
How do I make an html link look like a button?

I’ve looked around on the web. Found some links to very colorful buttons that don’t look like buttons at all 🙂

Is there anyone out there that has some CSS they found or came up with that could help me to make my links look like “real” buttons that I see when I use a “submit” type button in a form.

I don’t mind if the CSS uses graphic backgrounds. Just looking for something that simulates a button as close as possible. I could also use jQuery as I have that on my page.

Thank you very much

Answer 1

In webkit and gecko there is the -webkit-appearance and -moz-appearance properties that does what you want. I’m not sure on support in other browsers – you’d need to check. Here’s a demo:

http://jsfiddle.net/kZ2WE/2/

In CSS3 there is a standard property appearance, but, as of june 2013, it isn’t supported in any browser.

The proprietary extensions work for Chrome, Safari (webkit) and Firefox (mozilla). It isn’t supported at all nor in IE niether in Opera.