Skip to content

Commit

Permalink
fix(form-field): proper arrow color for native select
Browse files Browse the repository at this point in the history
Fixes the arrow color for a focused native `select` that is projected inside a `mat-form-field`.
  • Loading branch information
crisbeto committed Dec 12, 2018
1 parent a3fef46 commit 5de5959
Showing 1 changed file with 14 additions and 0 deletions.
14 changes: 14 additions & 0 deletions src/lib/form-field/_form-field-theme.scss
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,20 @@
}
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) {
.mat-form-field-infix::after {
color: $underline-focused-color;
}

&.mat-accent .mat-form-field-infix::after {
color: $underline-color-accent;
}

&.mat-warn .mat-form-field-infix::after {
color: $underline-color-warn;
}
}

// Styling for the error state of the form field. Note that while the same can be
// achieved with the ng-* classes, we use this approach in order to ensure that the same
// logic is used to style the error state and to show the error messages.
Expand Down

0 comments on commit 5de5959

Please sign in to comment.