diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js index 1c4f9a0442b23b..b3f87c5254617a 100644 --- a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js +++ b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js @@ -141,7 +141,6 @@ export const styles = theme => ({ cursor: 'pointer', paddingTop: 6, outline: '0', - // Remove grey highlight WebkitTapHighlightColor: 'transparent', paddingBottom: 6, paddingLeft: 16, diff --git a/packages/material-ui-lab/src/Rating/Rating.js b/packages/material-ui-lab/src/Rating/Rating.js index 519ebfd6bd03fc..d454c2481e6aad 100644 --- a/packages/material-ui-lab/src/Rating/Rating.js +++ b/packages/material-ui-lab/src/Rating/Rating.js @@ -34,6 +34,7 @@ export const styles = theme => ({ fontSize: theme.typography.pxToRem(24), color: '#ffb400', cursor: 'pointer', + WebkitTapHighlightColor: 'transparent', '&$disabled': { opacity: 0.5, pointerEvents: 'none', diff --git a/packages/material-ui/src/Backdrop/Backdrop.js b/packages/material-ui/src/Backdrop/Backdrop.js index 30078e0a342229..e17c4e5a60a119 100644 --- a/packages/material-ui/src/Backdrop/Backdrop.js +++ b/packages/material-ui/src/Backdrop/Backdrop.js @@ -17,7 +17,6 @@ export const styles = { top: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.5)', - // Remove grey highlight WebkitTapHighlightColor: 'transparent', // Disable scroll capabilities. touchAction: 'none', diff --git a/packages/material-ui/src/ButtonBase/ButtonBase.js b/packages/material-ui/src/ButtonBase/ButtonBase.js index 4980dbd785382b..3ede2ac48cb913 100644 --- a/packages/material-ui/src/ButtonBase/ButtonBase.js +++ b/packages/material-ui/src/ButtonBase/ButtonBase.js @@ -17,7 +17,6 @@ export const styles = { alignItems: 'center', justifyContent: 'center', position: 'relative', - // Remove grey highlight WebkitTapHighlightColor: 'transparent', backgroundColor: 'transparent', // Reset default value // We disable the focus ring for mouse, touch and keyboard users. diff --git a/packages/material-ui/src/Chip/Chip.js b/packages/material-ui/src/Chip/Chip.js index 70ea4c0b6c1e9a..9203dbcea2c16c 100644 --- a/packages/material-ui/src/Chip/Chip.js +++ b/packages/material-ui/src/Chip/Chip.js @@ -84,7 +84,7 @@ export const styles = theme => { /* Styles applied to the root element if `onClick` is defined or `clickable={true}`. */ clickable: { userSelect: 'none', - WebkitTapHighlightColor: 'transparent', // Remove grey highlight + WebkitTapHighlightColor: 'transparent', cursor: 'pointer', '&:hover, &:focus': { backgroundColor: emphasize(backgroundColor, 0.08), @@ -211,7 +211,6 @@ export const styles = theme => { }, /* Styles applied to the `deleteIcon` element. */ deleteIcon: { - // Remove grey highlight WebkitTapHighlightColor: 'transparent', color: deleteIconColor, height: 22, diff --git a/packages/material-ui/src/FormControlLabel/FormControlLabel.js b/packages/material-ui/src/FormControlLabel/FormControlLabel.js index 39376d9918d9b6..1eadf2faa6614c 100644 --- a/packages/material-ui/src/FormControlLabel/FormControlLabel.js +++ b/packages/material-ui/src/FormControlLabel/FormControlLabel.js @@ -15,7 +15,6 @@ export const styles = theme => ({ cursor: 'pointer', // For correct alignment with the text. verticalAlign: 'middle', - // Remove grey highlight WebkitTapHighlightColor: 'transparent', marginLeft: -11, marginRight: 16, // used for row presentation of radio/checkbox diff --git a/packages/material-ui/src/InputBase/InputBase.js b/packages/material-ui/src/InputBase/InputBase.js index 1dc5ebb30884cd..e425bd307cc5e1 100644 --- a/packages/material-ui/src/InputBase/InputBase.js +++ b/packages/material-ui/src/InputBase/InputBase.js @@ -82,7 +82,6 @@ export const styles = theme => { background: 'none', height: '1.1875em', // Reset (19px), match the native input line-height margin: 0, // Reset for Safari - // Remove grey highlight WebkitTapHighlightColor: 'transparent', display: 'block', // Make the flex item shrink with Firefox diff --git a/packages/material-ui/src/Link/Link.js b/packages/material-ui/src/Link/Link.js index 023ef9b52c1904..13139321c8ebd0 100644 --- a/packages/material-ui/src/Link/Link.js +++ b/packages/material-ui/src/Link/Link.js @@ -30,7 +30,6 @@ export const styles = { /* Styles applied to the root element if `component="button"`. */ button: { position: 'relative', - // Remove grey highlight WebkitTapHighlightColor: 'transparent', backgroundColor: 'transparent', // Reset default value // We disable the focus ring for mouse, touch and keyboard users. diff --git a/packages/material-ui/src/Modal/SimpleBackdrop.js b/packages/material-ui/src/Modal/SimpleBackdrop.js index 2a490d160c8b63..ec76fd345d5d6a 100644 --- a/packages/material-ui/src/Modal/SimpleBackdrop.js +++ b/packages/material-ui/src/Modal/SimpleBackdrop.js @@ -11,7 +11,6 @@ export const styles = { top: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.5)', - // Remove grey highlight WebkitTapHighlightColor: 'transparent', // Disable scroll capabilities. touchAction: 'none', diff --git a/packages/material-ui/src/Slider/Slider.js b/packages/material-ui/src/Slider/Slider.js index 7c3983c89645aa..7d5a0cce2a003c 100644 --- a/packages/material-ui/src/Slider/Slider.js +++ b/packages/material-ui/src/Slider/Slider.js @@ -142,7 +142,6 @@ export const styles = theme => ({ cursor: 'pointer', touchAction: 'none', color: theme.palette.primary.main, - // Remove grey highlight WebkitTapHighlightColor: 'transparent', '&$disabled': { pointerEvents: 'none',