RSS

Monthly Archives: April 2013

Customized Form Buttons using simple CSS


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

 

Simple CSS/HTML: Create a glowing border around an Input Field like Twitter/GitHub


input {
    border:2px solid #dadada;
    border-radius:7px;
    font-size:20px;
    padding:5px; 
}

input:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}v33Wq
 
Leave a comment

Posted by on April 10, 2013 in Uncategorized