diff --git a/packages/material-ui/src/ButtonBase/ButtonBase.js b/packages/material-ui/src/ButtonBase/ButtonBase.js index 060a21543f17ef..dca1dc56e44cd7 100644 --- a/packages/material-ui/src/ButtonBase/ButtonBase.js +++ b/packages/material-ui/src/ButtonBase/ButtonBase.js @@ -39,6 +39,9 @@ export const styles = { pointerEvents: 'none', // Disable link interactions cursor: 'default', }, + '@media print': { + colorAdjust: 'exact', + }, }, /* Pseudo-class applied to the root element if `disabled={true}`. */ disabled: {}, diff --git a/packages/material-ui/src/LinearProgress/LinearProgress.js b/packages/material-ui/src/LinearProgress/LinearProgress.js index 130423d787cf7e..bd4a97865bc576 100644 --- a/packages/material-ui/src/LinearProgress/LinearProgress.js +++ b/packages/material-ui/src/LinearProgress/LinearProgress.js @@ -21,6 +21,9 @@ export const styles = (theme) => { position: 'relative', overflow: 'hidden', height: 4, + '@media print': { + colorAdjust: 'exact', + }, }, /* Styles applied to the root and bar2 element if `color="primary"`; bar2 if `variant="buffer"`. */ colorPrimary: { diff --git a/packages/material-ui/src/Slider/Slider.js b/packages/material-ui/src/Slider/Slider.js index 9379e1874586d5..1bef3c19eb4945 100644 --- a/packages/material-ui/src/Slider/Slider.js +++ b/packages/material-ui/src/Slider/Slider.js @@ -156,6 +156,9 @@ export const styles = (theme) => ({ padding: '0 20px', }, }, + '@media print': { + colorAdjust: 'exact', + }, }, /* Styles applied to the root element if `color="primary"`. */ colorPrimary: { diff --git a/packages/material-ui/src/Switch/Switch.js b/packages/material-ui/src/Switch/Switch.js index 49b4a71f5f4830..64fea496653c0a 100644 --- a/packages/material-ui/src/Switch/Switch.js +++ b/packages/material-ui/src/Switch/Switch.js @@ -22,6 +22,9 @@ export const styles = (theme) => ({ flexShrink: 0, zIndex: 0, // Reset the stacking context. verticalAlign: 'middle', // For correct alignment with the text. + '@media print': { + colorAdjust: 'exact', + }, }, /* Styles applied to the root element if `edge="start"`. */ edgeStart: {