No More Ugly Submit Buttons

Depending on which browser and operating system you are using, the submit buttons on a web form can either look really pretty or really ugly... the default is really ugly (gray blocks with black text.) Granted, using CSS on a button can pretty-them-up somewhat, but this CSS trick is the best by far!

[CSS]

input.btn{

   color:#050;

   font-family:'trebuchet ms',helvetica,sans-serif;

   font-size:84%;

   font-weight:bold;

   background-color:#fed;

   border:1px solid;

   border-top-color:#696;

   border-left-color:#696;

   border-right-color:#363;

   border-bottom-color:#363;

   filter:progid:DXImageTransform.Microsoft.Gradient

      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}

For details on the original article: WebReference.com: Stylish Buttons