diff --git a/checkbox/lib/_checkbox.scss b/checkbox/lib/_checkbox.scss
index 94452367c5..82441fbcd7 100644
--- a/checkbox/lib/_checkbox.scss
+++ b/checkbox/lib/_checkbox.scss
@@ -47,6 +47,7 @@ $_checkmark-bottom-left: 7px, -14px;
     position: relative;
     vertical-align: top; // Fix extra space when placed inside display: block
     width: 48px;
+    -webkit-tap-highlight-color: transparent;
   }
 
   input {
diff --git a/iconbutton/lib/_shared.scss b/iconbutton/lib/_shared.scss
index 849830d81a..449ce0e9cf 100644
--- a/iconbutton/lib/_shared.scss
+++ b/iconbutton/lib/_shared.scss
@@ -20,6 +20,7 @@
   :host {
     display: inline-flex;
     outline: none;
+    -webkit-tap-highlight-color: transparent;
   }
 
   :host([disabled]) {
diff --git a/radio/lib/_radio.scss b/radio/lib/_radio.scss
index 57475429d8..8b301b46ab 100644
--- a/radio/lib/_radio.scss
+++ b/radio/lib/_radio.scss
@@ -12,6 +12,10 @@
 @use './radio-theme';
 
 @mixin static-styles() {
+  :host {
+    -webkit-tap-highlight-color: transparent;
+  }
+
   .md3-radio {
     display: inline-flex;
     position: relative;
diff --git a/textfield/lib/_shared.scss b/textfield/lib/_shared.scss
index 7bcd65beaa..11a0691462 100644
--- a/textfield/lib/_shared.scss
+++ b/textfield/lib/_shared.scss
@@ -17,6 +17,7 @@
   :host {
     display: inline-flex;
     outline: none;
+    -webkit-tap-highlight-color: transparent;
   }
 
   .md3-text-field {