Skip to content

Instantly share code, notes, and snippets.

@GarthTheChicken
Forked from nrrrdcore/inset_input.css
Created November 11, 2018 13:00
Show Gist options
  • Save GarthTheChicken/f7d8f69452f4f23e1766d4c5e5825f2c to your computer and use it in GitHub Desktop.
Save GarthTheChicken/f7d8f69452f4f23e1766d4c5e5825f2c 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