| form-field-input.scss (material2-7.3.5) | : | form-field-input.scss (material2-7.3.6) |
|---|
| @import '../core/style/variables'; | | @import '../core/style/variables'; |
| @import '../core/style/vendor-prefixes'; | | @import '../core/style/vendor-prefixes'; |
|
| | @import '../../cdk/a11y/a11y'; |
| | |
| // The Input element proper. | | // The Input element proper. |
| .mat-input-element { | | .mat-input-element { |
| // Font needs to be inherited, because by default <input> has a system font. | | // Font needs to be inherited, because by default <input> has a system font. |
| font: inherit; | | font: inherit; |
| | |
| // The Material input should match whatever background it is above. | | // The Material input should match whatever background it is above. |
| background: transparent; | | background: transparent; |
| | |
| // If background matches current background then so should the color for prope
r contrast | | // If background matches current background then so should the color for prope
r contrast |
| | |
| skipping to change at line 172 | | skipping to change at line 173 |
|---|
| } | | } |
| | |
| // As a part of its user agent styling, IE11 has a blue box inside each focuse
d | | // As a part of its user agent styling, IE11 has a blue box inside each focuse
d |
| // `select` element which we have to reset. Note that this needs to be in its
own | | // `select` element which we have to reset. Note that this needs to be in its
own |
| // selector, because having it together with another one will cause other brow
sers | | // selector, because having it together with another one will cause other brow
sers |
| // to ignore it. | | // to ignore it. |
| &::-ms-value { | | &::-ms-value { |
| // We need to reset the `color` as well, because IE sets it to white. | | // We need to reset the `color` as well, because IE sets it to white. |
| color: inherit; | | color: inherit; |
| background: none; | | background: none; |
|
| | |
| | // IE and Edge in high contrast mode reset the color for a focused select to |
| | the same color |
| | // as the background, however this causes it blend in because we've reset th |
| | e `background` |
| | // above. We have to add a more specific selector in order to ensure that it |
| | gets the |
| | // `color` from our theme instead. |
| | @include cdk-high-contrast { |
| | .mat-focused & { |
| | color: inherit; |
| | } |
| | } |
| } | | } |
| } | | } |
| | |
| .mat-form-field-type-mat-native-select { | | .mat-form-field-type-mat-native-select { |
| $arrow-size: 5px; | | $arrow-size: 5px; |
| | |
| .mat-form-field-infix::after { | | .mat-form-field-infix::after { |
| content: ''; | | content: ''; |
| width: 0; | | width: 0; |
| height: 0; | | height: 0; |
| | | |
| End of changes. 2 change blocks. |
|---|
| 0 lines changed or deleted | | 14 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 