diff --git a/src/lib/core/option/_option.scss b/src/lib/core/option/_option.scss index 6a9cd576f952..f6e9c157def0 100644 --- a/src/lib/core/option/_option.scss +++ b/src/lib/core/option/_option.scss @@ -1,6 +1,9 @@ @import '../style/menu-common'; @import '../a11y/a11y'; +/** Default size of option text. */ +$mat-option-font-size: 16px !default; + /** * This mixin contains shared option styles between the select and * autocomplete components. @@ -11,6 +14,7 @@ position: relative; cursor: pointer; outline: none; + font-size: $mat-option-font-size; &[aria-disabled='true'] { cursor: default; diff --git a/src/lib/select/select.scss b/src/lib/select/select.scss index 3f1ff2d5aae6..1251b9f9e3b7 100644 --- a/src/lib/select/select.scss +++ b/src/lib/select/select.scss @@ -8,6 +8,7 @@ $mat-select-trigger-min-width: 112px !default; $mat-select-arrow-size: 5px !default; $mat-select-arrow-margin: 4px !default; $mat-select-panel-max-height: 256px !default; +$mat-select-trigger-font-size: 16px !default; .mat-select { display: inline-block; @@ -23,6 +24,7 @@ $mat-select-panel-max-height: 256px !default; cursor: pointer; position: relative; box-sizing: border-box; + font-size: $mat-select-trigger-font-size; [aria-disabled='true'] & { @include mat-control-disabled-underline();