Skip to content

Instantly share code, notes, and snippets.

@LeeRJohnson
Created July 15, 2010 21:03
Show Gist options
  • Save LeeRJohnson/477531 to your computer and use it in GitHub Desktop.
Save LeeRJohnson/477531 to your computer and use it in GitHub Desktop.
/*
Form Base Notes
-- Drop-down <select> menus are unaffected.
*/
input,
button,
select,
textarea {
margin: 0;
}
/* Keyboard Input
====================== */
textarea,
select[multiple],
input[type=date],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
.key-in {
/*
Copy this image to your own server.
*/
background: #fff url(http://host.sonspring.com/_misc/input_shadow.png) repeat-x;
border: 1px solid;
border-color: #848484 #c1c1c1 #e1e1e1;
color: #000;
margin: 0;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;
font: 13px Arial, sans-serif;
vertical-align: top;
}
.key-in textarea {
max-width: 100%;
min-width: 100%;
width: 100%;
}
input[type=date],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
.line-in {
height: 16px;
width: 132px;
}
select[multiple] {
padding: 0;
}
optgroup {
color: #000;
font-style: normal;
font-weight: normal;
}
/* Buttons
====================== */
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
command,
button,
.btn {
display: inline-block;
font-size: 11px;
overflow: visible;
width: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment