diff --git a/src/material-experimental/mdc-checkbox/checkbox.scss b/src/material-experimental/mdc-checkbox/checkbox.scss
index 03c0cb562726..c9907a59a58c 100644
--- a/src/material-experimental/mdc-checkbox/checkbox.scss
+++ b/src/material-experimental/mdc-checkbox/checkbox.scss
@@ -44,6 +44,13 @@
     }
   }
 
+
+  .mdc-checkbox__background {
+    // force browser to show background-color when using the print function
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
   // Angular Material supports disabling all animations when NoopAnimationsModule is imported.
   // TODO(mmalerba): Look into using MDC's Sass queries to separate the animation styles and
   //  conditionally add them. Consider the size cost when deciding whether to switch.
diff --git a/src/material/checkbox/checkbox.scss b/src/material/checkbox/checkbox.scss
index 6b4ed62337bb..7e76380cb243 100644
--- a/src/material/checkbox/checkbox.scss
+++ b/src/material/checkbox/checkbox.scss
@@ -288,6 +288,10 @@ $_mat-checkbox-mark-stroke-size: 2 / 15 * checkbox-common.$size !default;
     variables.$linear-out-slow-in-timing-function, opacity checkbox-common.$transition-duration
     variables.$linear-out-slow-in-timing-function;
 
+  // force browser to show background-color when using the print function
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+
   ._mat-animation-noopable & {
     transition: none;
   }
diff --git a/src/material/radio/radio.scss b/src/material/radio/radio.scss
index 97a05dd9d758..16955de9a60a 100644
--- a/src/material/radio/radio.scss
+++ b/src/material/radio/radio.scss
@@ -80,6 +80,10 @@ $ripple-radius: 20px;
   // IE to flash the entire circle for a couple of frames, throwing off the entire animation.
   transform: scale(0.001);
 
+  // force browser to show background-color when using the print function
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+
   ._mat-animation-noopable & {
     transition: none;
   }