Skip to content

Instantly share code, notes, and snippets.

@daigofuji
Created July 29, 2012 05:12
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 daigofuji/3196205 to your computer and use it in GitHub Desktop.
Save daigofuji/3196205 to your computer and use it in GitHub Desktop.
Bootstrap select
select {
margin: 0;
vertical-align: middle;
font-weight: normal;
display: inline-block;
width: 210px;
height: 18px;
padding: 4px;
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #555555;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
label select {
display: block;
}
select{
height: 28px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 28px;
}
select {
width: 220px;
background-color: #ffffff;
}
select[multiple], select[size] {
height: auto;
}
select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
select[class*="span"]
{
float: none;
margin-left: 0;
}
select[disabled],
select[readonly] {
background-color: #f5f5f5;
border-color: #ddd;
cursor: not-allowed;
}
.form-search select,
.form-inline select,
.form-horizontal select {
display: inline-block;
margin-bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment