skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(checkbox): no focus indicator in high contrast (#13255)

Browse Source 
* Fixes that the checkbox does not have a focus indicator in high-contrast. Similarly to native checkboxes, the Material checkbox should have a dotted border/outline on keyboard focus.

Fixes #13227
This commit is contained in:
Paul Gschwendtner
2018-11-08 18:03:43 +00:00
committed by vivian-hu
parent a150494202
commit caf65e560d
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/checkbox/checkbox.scss
+8
View File
@@ -240,6 +240,14 @@ $_mat-checkbox-mark-stroke-size: 2 / 15 * $mat-checkbox-size !default;
._mat-animation-noopable & {
transition: none;
}
@include cdk-high-contrast {
// Note that we change the border style of the checkbox frame to dotted because this
// is how IE/Edge similarly treats native checkboxes in high contrast mode.
.mat-checkbox.cdk-keyboard-focused & {
border-style: dotted;
}
}
}
.mat-checkbox-background {