CSS：更改按钮布局

Question

什么是最简单的解决方案来自定义网页中的默认按钮？

我需要改变一个按钮的形状，从这个：

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

这样：

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

我宁愿不使用JavaScript和我一起您需要跨浏览器解决方案（包含IE）。

感谢

Answer 1

答案是CSS。

看看这个examples。

Answer 2

好，使用CSS：

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

类似的东西。根据你的口味自定义。