0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
This commit is contained in:
Mark Otto 2015-08-18 19:26:21 -07:00
parent 58d1297fcb
commit c369409a54
8 changed files with 54 additions and 178 deletions

View File

@ -3430,105 +3430,43 @@ input[type="button"].btn-block {
margin-left: 0;
}
.select {
position: relative;
.c-select {
display: inline-block;
color: #555;
}
.select > select {
display: inline-block;
width: 100%;
max-width: 100%;
-webkit-appearance: none;
padding: .5rem 2.25rem .5rem 1rem;
margin: 0;
line-height: 1.5;
color: #555;
cursor: pointer;
background-color: #eee;
border: 0;
border-radius: .25rem;
outline: 0;
padding: .375rem 1.75rem .375rem .75rem;
padding-right: .75rem \9;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
background-image: none \9;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid #ccc;
-moz-appearance: none;
appearance: none;
}
.select > select:focus {
-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
.c-select:focus {
border-color: #51a7e8;
outline: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
}
.select > select:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
.c-select::-ms-expand {
opacity: 0;
}
.select > select:active {
color: #fff;
background-color: #0074d9;
.c-select-sm {
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.select > select::-ms-expand {
display: none;
}
.select:after {
position: absolute;
top: 50%;
right: 1.25rem;
display: inline-block;
width: 0;
height: 0;
margin-top: -.15rem;
pointer-events: none;
content: "";
border-top: .35rem solid;
border-right: .35rem solid transparent;
border-bottom: .35rem solid transparent;
border-left: .35rem solid transparent;
}
.select select:hover {
background-color: #ddd;
}
@-moz-document url-prefix() {
.select select {
padding-right: 1rem;
text-indent: .01px;
text-overflow: "";
}
.select option {
background-color: #fff;
}
}
@media screen and (min-width: 0 \0) {
.select select {
z-index: 1;
padding: .5rem 1.5rem .5rem 1rem;
}
.select:after {
z-index: 5;
}
.select:before {
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
z-index: 2;
display: block;
width: 1.5rem;
content: "";
background-color: #eee;
}
.select select:focus,
.select select:active,
.select select:hover {
color: #555;
background-color: #eee;
}
.c-select-sm:not([multiple]) {
height: 26px;
min-height: 26px;
}
.file {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -3430,105 +3430,43 @@ input[type="button"].btn-block {
margin-left: 0;
}
.select {
position: relative;
.c-select {
display: inline-block;
color: #555;
}
.select > select {
display: inline-block;
width: 100%;
max-width: 100%;
-webkit-appearance: none;
padding: .5rem 2.25rem .5rem 1rem;
margin: 0;
line-height: 1.5;
color: #555;
cursor: pointer;
background-color: #eee;
border: 0;
border-radius: .25rem;
outline: 0;
padding: .375rem 1.75rem .375rem .75rem;
padding-right: .75rem \9;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
background-image: none \9;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid #ccc;
-moz-appearance: none;
appearance: none;
}
.select > select:focus {
-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
.c-select:focus {
border-color: #51a7e8;
outline: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5);
}
.select > select:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
.c-select::-ms-expand {
opacity: 0;
}
.select > select:active {
color: #fff;
background-color: #0074d9;
.c-select-sm {
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.select > select::-ms-expand {
display: none;
}
.select:after {
position: absolute;
top: 50%;
right: 1.25rem;
display: inline-block;
width: 0;
height: 0;
margin-top: -.15rem;
pointer-events: none;
content: "";
border-top: .35rem solid;
border-right: .35rem solid transparent;
border-bottom: .35rem solid transparent;
border-left: .35rem solid transparent;
}
.select select:hover {
background-color: #ddd;
}
@-moz-document url-prefix() {
.select select {
padding-right: 1rem;
text-indent: .01px;
text-overflow: "";
}
.select option {
background-color: #fff;
}
}
@media screen and (min-width: 0 \0) {
.select select {
z-index: 1;
padding: .5rem 1.5rem .5rem 1rem;
}
.select:after {
z-index: 5;
}
.select:before {
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
z-index: 2;
display: block;
width: 1.5rem;
content: "";
background-color: #eee;
}
.select select:focus,
.select select:active,
.select select:hover {
color: #555;
background-color: #eee;
}
.c-select-sm:not([multiple]) {
height: 26px;
min-height: 26px;
}
.file {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long