RSS

Customized Form Buttons using simple CSS

10 Apr

CSS:

input[type=button], input[type=reset], input[type=submit], button {
background-color: #EFEFEF;
border: 1px solid #A0A0A0;
border-radius: 3px 3px 3px 3px;
font: bold 9pt Arial;
margin: 2px;
padding: 3px 9px;
cursor: pointer;
outline: none;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
border-color: #2B2B2B;
}

input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border: 0;
}

buttons

 
Leave a comment

Posted by on April 10, 2013 in Uncategorized

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: