diff --git a/src/material/paginator/paginator.scss b/src/material/paginator/paginator.scss index 39d8d9a801e6..ab3e9e9b06ec 100644 --- a/src/material/paginator/paginator.scss +++ b/src/material/paginator/paginator.scss @@ -131,17 +131,17 @@ $button-icon-size: 28px; @include cdk.high-contrast { // The disabled button icon has to be set explicitly since the selector is too specific. - .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon, + .mat-mdc-icon-button[aria-disabled] .mat-mdc-paginator-icon, .mat-mdc-paginator-icon { fill: currentColor; - - // On Chromium browsers the `currentColor` blends in with the - // background for SVGs so we have to fall back to `CanvasText`. - fill: CanvasText; } .mat-mdc-paginator-range-actions .mat-mdc-icon-button { outline: solid 1px; + + &[aria-disabled] { + color: GrayText; + } } }