diff options
| author | Matthew Rayfield <[email protected]> | 2016-04-14 13:11:51 -0400 |
|---|---|---|
| committer | Matthew Rayfield <[email protected]> | 2016-04-14 13:37:14 -0400 |
| commit | b21750cbb7af6bed960b709ae13f5e810bd32943 (patch) | |
| tree | 43743825b8dd6f827fde9249280facc95f5db273 | |
| parent | d8b1b92f66d57ac888f7ab49ca236b7acfa47a2e (diff) | |
| download | bootstrap-b21750cbb7af6bed960b709ae13f5e810bd32943.tar.xz bootstrap-b21750cbb7af6bed960b709ae13f5e810bd32943.zip | |
Add disabled styling for .custom-select
| -rw-r--r-- | scss/_custom-forms.scss | 6 | ||||
| -rw-r--r-- | scss/_variables.scss | 4 |
2 files changed, 9 insertions, 1 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 371945ce7..a15aa9474 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -161,6 +161,12 @@ @include box-shadow($custom-select-focus-box-shadow); } + &:disabled { + color: $custom-select-disabled-color; + cursor: $cursor-disabled; + background-color: $custom-select-disabled-bg; + } + // Hides the default caret in IE11 &::-ms-expand { opacity: 0; diff --git a/scss/_variables.scss b/scss/_variables.scss index 82ef6f963..8614a03ea 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -382,8 +382,10 @@ $custom-radio-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='h $custom-select-padding-x: .75rem !default; $custom-select-padding-y: .375rem !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator -$custom-select-color: $input-color !default; +$custom-select-color: $input-color !default; +$custom-select-disabled-color: $gray-light !default; $custom-select-bg: #fff !default; +$custom-select-disabled-bg: $gray-lighter !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !default; $custom-select-border-width: $input-btn-border-width !default; |