root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Reset select:disabled opacity and null-ify color to fix rendering differences in Chrome

This commit is contained in:
Mark Otto 2021-03-02 06:09:14 -08:00 committed by Mark Otto
parent 205e2cae70
commit 6d93a1371a
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_reboot.scss
View File

@ -420,12 +420,10 @@ textarea {
} }
// Remove the inheritance of text transform in Firefox // Remove the inheritance of text transform in Firefox
button, button,
select { select {
text-transform: none; text-transform: none;
} }
// Set the cursor for non-`<button>` buttons // Set the cursor for non-`<button>` buttons
// //
// Details at https://github.com/twbs/bootstrap/pull/30562 // Details at https://github.com/twbs/bootstrap/pull/30562
@ -433,11 +431,15 @@ select {
cursor: pointer; cursor: pointer;
} }
// Remove the inheritance of word-wrap in Safari.
// See https://github.com/twbs/bootstrap/issues/24990
select { select {
// Remove the inheritance of word-wrap in Safari.
// See https://github.com/twbs/bootstrap/issues/24990
word-wrap: normal; word-wrap: normal;
// Undo the opacity change from Chrome
&:disabled {
opacity: 1;
}
} }
// Remove the dropdown arrow in Chrome from inputs built with datalists. // Remove the dropdown arrow in Chrome from inputs built with datalists.

2
scss/_variables.scss
View File

@ -796,8 +796,8 @@ $form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extr
$form-select-font-weight: $input-font-weight !default; $form-select-font-weight: $input-font-weight !default;
$form-select-line-height: $input-line-height !default; $form-select-line-height: $input-line-height !default;
$form-select-color: $input-color !default; $form-select-color: $input-color !default;
$form-select-disabled-color: $gray-600 !default;
$form-select-bg: $input-bg !default; $form-select-bg: $input-bg !default;
$form-select-disabled-color: null !default;
$form-select-disabled-bg: $gray-200 !default; $form-select-disabled-bg: $gray-200 !default;
$form-select-disabled-border-color: $input-disabled-border-color !default; $form-select-disabled-border-color: $input-disabled-border-color !default;
$form-select-bg-position: right $form-select-padding-x center !default; $form-select-bg-position: right $form-select-padding-x center !default;