Customized Form Buttons using simple CSS

10 Apr


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;


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: Logo

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s

%d bloggers like this: