1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 00:29:52 +02: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 {