Wednesday, January 05, 2005 3:35:19 AM UTC :: Filed Under Web Design

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

Comments are closed.
Navigation
On this page....
Search
Archives
<February 2012>
SunMonTueWedThuFriSat
2930311234
567891011
12131415161718
19202122232425
26272829123
45678910
Categories
Contact me
Send mail to the author(s) Contact Todd M. Taylor