CSS Library: Form CSS: Here
Stylish submit buttons
Author: Dynamic Drive
Most people would agree the default look of submit buttons is rather dull and unattractive. Using CSS and a nice gradient background image, it's easy to transform a form button from a duck to a swan.
Demo:
The image used:
The CSS:
Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.
Comment Pages 2 of 8 pages < 1 2 3 4 > Last »
Nothing special!!!
I couldn't agree with benny, this is very special style for a CSS beginers.
nice one..
Nothin speical. It's really simple CSS
btw, if you like anime check out: http://nexanime.co.nr
btw, if you like anime check out: http://nexanime.co.nr
Yes you can have curved corners but it requires a curved corner image...
how do u get the hover effect to work?
how do u get the hover effect to work?
buttons don't have the same size in IE6 and Firefox 2.0
This is a good CSS for button, but a button should have an effect of button like the way this "Add a comment" Submit button has.
Brilliant Code Loved It
this's nice. but if the button with some hover effect will be excellent. like:
.formbutton:hover{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg_hover.gif) repeat-x left top;
}
Commenting is not available in this weblog entry.
.formbutton:hover{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg_hover.gif) repeat-x left top;
}
for freemind: hover on the input element doesn't work in IE. Much use some JavaScript or other workaround