CSS: change buttons layout

Question

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

I need to change the button shape, from this:

to this:

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

thanks

Answer 1

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.

Answer 2

The answer is CSS.

Look at this examples.