mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(radio): checked radio button indistinguishable in high contrast mode (#10753)
Fixes the circle inside the checked radio button not being rendered in high contrast mode, making it indistinguishable from the rest of the buttons.
This commit is contained in:
committed by
tinayuangao
parent
44a0a4fbeb
commit
a74099fc07
@@ -1,5 +1,6 @@
|
||||
@import '../core/style/variables';
|
||||
@import '../core/ripple/ripple';
|
||||
@import '../../cdk/a11y/a11y';
|
||||
|
||||
|
||||
$mat-radio-size: $mat-toggle-size !default;
|
||||
@@ -65,6 +66,12 @@ $mat-radio-ripple-radius: 25px;
|
||||
|
||||
.mat-radio-checked & {
|
||||
transform: scale(0.5);
|
||||
|
||||
@include cdk-high-contrast {
|
||||
// Since we use a background color to render the circle, it won't be
|
||||
// displayed in high contrast mode. Use a border as a fallback.
|
||||
border: solid $mat-radio-size / 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user