Skip to content

Instantly share code, notes, and snippets.

@aekaplan
Last active December 17, 2015 16:09
Show Gist options
  • Save aekaplan/5636900 to your computer and use it in GitHub Desktop.
Save aekaplan/5636900 to your computer and use it in GitHub Desktop.
Inputs CSS
input[type="text"] {
background: #fff;
border: 1px solid #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #555;
display: block;
margin-bottom: 1em;
padding: 0.5em;
-moz-transition: 0.4s background, 0.4s border-color;
-webkit-transition: 0.4s background, 0.4s border-color;
transition: 0.4s background, 0.4s border-color;
-webkit-appearance: none;
width: 100%;
}
input[type="text"]:focus {
background: #f8f8f8;
border-color: #ccc;
outline: medium none;
}
input[type="text"].validation-error {
background: #fdeeed;
border-color: #f48b80;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment