mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +02:00
Code Issues Releases Wiki Activity

Fix minor visual bug in FF caused by moz-focusring (v4) (#32821)

Browse Source 
Avoid bug in Firefox where text appears "noisy" due to text-shadow applying to focused form fields.
This commit is contained in:
Wesley Haines
2021-02-16 23:00:37 -05:00
committed by GitHub
parent 030af97fad
commit 9722106781
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_forms.scss
View File

@@ -30,12 +30,6 @@
border: 0; border: 0;
} }
// Remove select outline from select box in FF
&:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 $input-color;
}
// Customize the `:focus` state to imitate native WebKit styles. // Customize the `:focus` state to imitate native WebKit styles.
@include form-control-focus($ignore-warning: true); @include form-control-focus($ignore-warning: true);
@@ -69,6 +63,12 @@ input[type="month"] {
} }
select.form-control { select.form-control {
// Remove select outline from select box in FF
&:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 $input-color;
}
&:focus::-ms-value { &:focus::-ms-value {
// Suppress the nested default white text on blue background highlight given to // Suppress the nested default white text on blue background highlight given to
// the selected option text when the (still closed) <select> receives focus // the selected option text when the (still closed) <select> receives focus