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:

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

possible duplicate of [Google's Imageless Buttons...](http://stackoverflow.com/questions/520640/googles-imageless-buttons) — kennytm, Jul 28 '10 at 10:35

score 1 · Answer 1 · answered Jul 28 '10 at 10:29

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.

answered Jul 28 '10 at 10:29

Clement Herreman

score 1 · Accepted Answer · answered Jul 28 '10 at 11:51

1

The answer is CSS.

Look at this examples.

answered Jul 28 '10 at 11:51

ceth

2 Answers2