fix(styling): Removes tap highlight color visible on mobile Safari for checkbox, radio, iconbutton, and textfield.

PiperOrigin-RevId: 499279539

Author: material-web-copybara

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 {

iconbutton/lib/_shared.scss

@@ -20,6 +20,7 @@
   :host {
     display: inline-flex;
     outline: none;
+    -webkit-tap-highlight-color: transparent;
   }
 
   :host([disabled]) {

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;

textfield/lib/_shared.scss

@@ -17,6 +17,7 @@
   :host {
     display: inline-flex;
     outline: none;
+    -webkit-tap-highlight-color: transparent;
   }
 
   .md3-text-field {