Skip to content

Instantly share code, notes, and snippets.

@lacymorrow
Forked from nrrrdcore/inset_input.css
Created February 28, 2018 00:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lacymorrow/12181a4c2e58dd9fc9e8f0cf08925d96 to your computer and use it in GitHub Desktop.
Save lacymorrow/12181a4c2e58dd9fc9e8f0cf08925d96 to your computer and use it in GitHub Desktop.
The Perfect Inset Input CSS
input {
height: 34px;
width: 100%;
border-radius: 3px;
border: 1px solid transparent;
border-top: none;
border-bottom: 1px solid #DDD;
box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment