rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

Suppress IE/Edge additional white/blue colors for focused <select>

Browse Source
This commit is contained in:
Patrick H. Lauke 2016-04-11 21:18:48 +01:00
parent 47b9768203
commit d239fbb5f2
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
scss/_custom-forms.scss
View File

@ -159,6 +159,16 @@
border-color: $custom-select-focus-border-color; border-color: $custom-select-focus-border-color;
outline: none; outline: none;
@include box-shadow($custom-select-focus-box-shadow); @include box-shadow($custom-select-focus-box-shadow);
&::-ms-value {
// For visual consistency with other platforms/browsers,
// supress the default white text on blue background highlight given to
// the selected option text when the (still closed) <select> receives focus
// in IE and (under certain conditions) Edge.
// See https://github.com/twbs/bootstrap/issues/19398.
color: $input-color;
background-color: $input-bg;
}
} }
// Hides the default caret in IE11 // Hides the default caret in IE11

10
scss/_forms.scss
View File

@ -60,6 +60,16 @@ select.form-control {
&:not([size]):not([multiple]) { &:not([size]):not([multiple]) {
height: $input-height; height: $input-height;
} }
&:focus::-ms-value {
// Suppress the nested default white text on blue background highlight given to
// the selected option text when the (still closed) <select> receives focus
// in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
// match the appearance of the native widget.
// See https://github.com/twbs/bootstrap/issues/19398.
color: $input-color;
background-color: $input-bg;
}
} }
// Make file inputs better match text inputs by forcing them to new lines. // Make file inputs better match text inputs by forcing them to new lines.