diff --git a/src/lib/checkbox/checkbox.scss b/src/lib/checkbox/checkbox.scss index b1cb567b1869..8ddf52671e50 100644 --- a/src/lib/checkbox/checkbox.scss +++ b/src/lib/checkbox/checkbox.scss @@ -276,6 +276,14 @@ $_mat-checkbox-mark-stroke-size: 2 / 15 * $mat-checkbox-size !default; &, .mat-checkbox.mat-disabled .mat-checkbox-inner-container:hover & { opacity: 0; } + + // Hover styles will be displayed after tapping on touch devices. + // Disable the hover styling if the user's device doesn't support hovering. + @media (hover: none) { + .mat-checkbox-inner-container:hover & { + display: none; + } + } } .mat-checkbox-checkmark {