Skip to content

Instantly share code, notes, and snippets.

@nrrrdcore

nrrrdcore/inset_input.css

Created August 9, 2012 23:35
Show Gist options
  • Star 88 You must be signed in to star a gist
  • Fork 19 You must be signed in to fork a gist
  • Save nrrrdcore/3309046 to your computer and use it in GitHub Desktop.
Save nrrrdcore/3309046 to your computer and use it in GitHub Desktop.
Download ZIP
The Perfect Inset Input CSS
Raw
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;
}
@maddemeline
Copy link

This is perfect! Thanks!

@jcppman
Copy link

jcppman commented Jun 28, 2018

perfect border!

@itarin
Copy link

itarin commented Aug 2, 2018

thank you!

@mreed4
Copy link

mreed4 commented Jan 14, 2024 •
edited

Still using this 10+ years later for absolutely beautiful inputs. Truly timeless!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment