Skip to content

Instantly share code, notes, and snippets.

@omurphy27
Last active September 14, 2015 16:47
Show Gist options
  • Save omurphy27/120b305844315cb5ce4a to your computer and use it in GitHub Desktop.
Save omurphy27/120b305844315cb5ce4a to your computer and use it in GitHub Desktop.
Barebones Form Fields, Input, Textarea HTML CSS Styling
input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
width: 100%;
display: block;
border: 1px solid #1ada35;
background: #fff;
font: 300 22px/50px 'Oswald', sans-serif;
height: 50px;
padding: 0 20px;
line-height: normal;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
textarea:hover,
select:hover {
border-color: #fff000;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
border-color: #00dbff;
}
textarea {
padding: 20px;
font: 300 22px/1.3 'Oswald', sans-serif;
min-height: 90px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment