Skip to content

Instantly share code, notes, and snippets.

@Burick
Last active September 3, 2015 11:35
Show Gist options
  • Save Burick/7ef5f7e3837c59ee5bf0 to your computer and use it in GitHub Desktop.
Save Burick/7ef5f7e3837c59ee5bf0 to your computer and use it in GitHub Desktop.
Cross-browser input styling
.input.default {
appearance: none;
width: 180px;
height: 30px;
background-color: white;
border: 1px solid #c9c9c9;
border-radius: 3px;
box-shadow: none;
outline: none;
padding: 4px;
transition: all .2s ease-in-out
}
.input.default:focus {
outline: none;
box-shadow: 0 0 5px 0 #ffcc00
}
.input.default:-ms-input-placeholder {
color: #A9A9A9
}
.input.default::-moz-placeholder {
opacity: 1;
color: #A9A9A9
}
.input.default::-ms-clear {
display: none
}
.textarea.default {
min-height: 80px;
max-height: 200px
}
.textarea.default::-webkit-resizer {
width: 0;
height: 0;
border-bottom: 15px solid #c9c9c9;
border-left: 15px solid transparent
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment