CSS: change buttons layout

What's the easiest solution to customize default buttons in the web pages ?

I need to change t开发者_开发问答he button shape, from this:

Default Mac-like button http://dl.dropbox.com/u/72686/button1.png

to this:

Gmail like button http://dl.dropbox.com/u/72686/button2.png

I prefer to not use javascript, and I only need cross-browser solutions (IE included).

thanks

---

The answer is CSS.

Look at this examples.

---

Well, use CSS :

input[type=submit] {
  border:#efefef;
  padding:2px 5px;
  background:url('your/gradiented/background') repeat-y;
  font-weight:bold;
}

Something like that. Customize according to your tastes.