[Switch] Fix hover style on mobile (#18034)

mui · Oct 25, 2019 · c10b8e7 · c10b8e7
1 parent cd817b1
commit c10b8e7
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/material-ui/src/Switch/Switch.js b/packages/material-ui/src/Switch/Switch.js
@@ -60,6 +60,9 @@ export const styles = theme => ({
       color: theme.palette.primary.main,
       '&:hover': {
         backgroundColor: fade(theme.palette.primary.main, theme.palette.action.hoverOpacity),
+        '@media (hover: none)': {
+          backgroundColor: 'transparent',
+        },
       },
     },
     '&$disabled': {
@@ -79,6 +82,9 @@ export const styles = theme => ({
       color: theme.palette.secondary.main,
       '&:hover': {
         backgroundColor: fade(theme.palette.secondary.main, theme.palette.action.hoverOpacity),
+        '@media (hover: none)': {
+          backgroundColor: 'transparent',
+        },
       },
     },
     '&$disabled': {