diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 74a2c24679..989a2f3989 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -663,6 +663,7 @@ pre:hover .copy-code-button,
   margin: -1rem;
   cursor: pointer;
   user-select: none;
+  -webkit-user-select: none;
 }
 
 .content details summary span {
diff --git a/src/components/avatar/avatar.styles.ts b/src/components/avatar/avatar.styles.ts
index 0d556b8f78..45c27df5de 100644
--- a/src/components/avatar/avatar.styles.ts
+++ b/src/components/avatar/avatar.styles.ts
@@ -23,6 +23,7 @@ export default css`
     font-weight: var(--sl-font-weight-normal);
     color: var(--sl-color-neutral-0);
     user-select: none;
+    -webkit-user-select: none;
     vertical-align: middle;
   }
 
diff --git a/src/components/badge/badge.styles.ts b/src/components/badge/badge.styles.ts
index d1b1334a52..740e6bd7f2 100644
--- a/src/components/badge/badge.styles.ts
+++ b/src/components/badge/badge.styles.ts
@@ -21,6 +21,7 @@ export default css`
     white-space: nowrap;
     padding: 0.35em 0.6em;
     user-select: none;
+    -webkit-user-select: none;
     cursor: inherit;
   }
 
diff --git a/src/components/breadcrumb-item/breadcrumb-item.styles.ts b/src/components/breadcrumb-item/breadcrumb-item.styles.ts
index df1a327214..fcf1f211ca 100644
--- a/src/components/breadcrumb-item/breadcrumb-item.styles.ts
+++ b/src/components/breadcrumb-item/breadcrumb-item.styles.ts
@@ -84,5 +84,6 @@ export default css`
     align-items: center;
     margin: 0 var(--sl-spacing-x-small);
     user-select: none;
+    -webkit-user-select: none;
   }
 `;
diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts
index 613a7de7a7..73016b3d04 100644
--- a/src/components/button/button.styles.ts
+++ b/src/components/button/button.styles.ts
@@ -22,6 +22,7 @@ export default css`
     font-weight: var(--sl-font-weight-semibold);
     text-decoration: none;
     user-select: none;
+    -webkit-user-select: none;
     white-space: nowrap;
     vertical-align: middle;
     padding: 0;
diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts
index 1c5adf3ca8..ce8a93ab1d 100644
--- a/src/components/checkbox/checkbox.styles.ts
+++ b/src/components/checkbox/checkbox.styles.ts
@@ -113,6 +113,7 @@ export default css`
     line-height: var(--toggle-size);
     margin-inline-start: 0.5em;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   :host([required]) .checkbox__label::after {
diff --git a/src/components/color-picker/color-picker.styles.ts b/src/components/color-picker/color-picker.styles.ts
index f8f98b3fb4..88d78189f6 100644
--- a/src/components/color-picker/color-picker.styles.ts
+++ b/src/components/color-picker/color-picker.styles.ts
@@ -24,6 +24,7 @@ export default css`
     background-color: var(--sl-panel-background-color);
     border-radius: var(--sl-border-radius-medium);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .color-picker--inline {
diff --git a/src/components/details/details.styles.ts b/src/components/details/details.styles.ts
index ac1bb023f7..9f77a5519e 100644
--- a/src/components/details/details.styles.ts
+++ b/src/components/details/details.styles.ts
@@ -25,6 +25,7 @@ export default css`
     border-radius: inherit;
     padding: var(--sl-spacing-medium);
     user-select: none;
+    -webkit-user-select: none;
     cursor: pointer;
   }
 
diff --git a/src/components/input/input.styles.ts b/src/components/input/input.styles.ts
index b8acc96c7f..f1fdff470d 100644
--- a/src/components/input/input.styles.ts
+++ b/src/components/input/input.styles.ts
@@ -132,6 +132,7 @@ export default css`
   .input__control::placeholder {
     color: var(--sl-input-placeholder-color);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .input:hover:not(.input--disabled) .input__control {
diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts
index c521a3fcc7..476add6877 100644
--- a/src/components/menu-item/menu-item.styles.ts
+++ b/src/components/menu-item/menu-item.styles.ts
@@ -35,6 +35,7 @@ export default css`
     padding: var(--sl-spacing-2x-small) var(--sl-spacing-2x-small);
     transition: var(--sl-transition-fast) fill;
     user-select: none;
+    -webkit-user-select: none;
     white-space: nowrap;
     cursor: pointer;
   }
diff --git a/src/components/menu-label/menu-label.styles.ts b/src/components/menu-label/menu-label.styles.ts
index cf57c07798..1e2bafb241 100644
--- a/src/components/menu-label/menu-label.styles.ts
+++ b/src/components/menu-label/menu-label.styles.ts
@@ -18,5 +18,6 @@ export default css`
     color: var(--sl-color-neutral-500);
     padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-large);
     user-select: none;
+    -webkit-user-select: none;
   }
 `;
diff --git a/src/components/option/option.styles.ts b/src/components/option/option.styles.ts
index cc50ce3d56..8304ab4246 100644
--- a/src/components/option/option.styles.ts
+++ b/src/components/option/option.styles.ts
@@ -7,6 +7,7 @@ export default css`
   :host {
     display: block;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   :host(:focus) {
diff --git a/src/components/progress-bar/progress-bar.styles.ts b/src/components/progress-bar/progress-bar.styles.ts
index 13dc1eff49..26fb0c0616 100644
--- a/src/components/progress-bar/progress-bar.styles.ts
+++ b/src/components/progress-bar/progress-bar.styles.ts
@@ -37,6 +37,7 @@ export default css`
       400ms width,
       400ms background-color;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   /* Indeterminate */
diff --git a/src/components/progress-ring/progress-ring.styles.ts b/src/components/progress-ring/progress-ring.styles.ts
index b0a0586d03..590f0e499a 100644
--- a/src/components/progress-ring/progress-ring.styles.ts
+++ b/src/components/progress-ring/progress-ring.styles.ts
@@ -66,5 +66,6 @@ export default css`
     height: 100%;
     text-align: center;
     user-select: none;
+    -webkit-user-select: none;
   }
 `;
diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts
index 3db7436c06..a9c0f69797 100644
--- a/src/components/radio/radio.styles.ts
+++ b/src/components/radio/radio.styles.ts
@@ -113,5 +113,6 @@ export default css`
     line-height: var(--toggle-size);
     margin-inline-start: 0.5em;
     user-select: none;
+    -webkit-user-select: none;
   }
 `;
diff --git a/src/components/switch/switch.styles.ts b/src/components/switch/switch.styles.ts
index 136b56db2b..31aa0eba71 100644
--- a/src/components/switch/switch.styles.ts
+++ b/src/components/switch/switch.styles.ts
@@ -153,6 +153,7 @@ export default css`
     line-height: var(--height);
     margin-inline-start: 0.5em;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   :host([required]) .switch__label::after {
diff --git a/src/components/tab/tab.styles.ts b/src/components/tab/tab.styles.ts
index 6259f2ca36..6478e9e106 100644
--- a/src/components/tab/tab.styles.ts
+++ b/src/components/tab/tab.styles.ts
@@ -19,6 +19,7 @@ export default css`
     padding: var(--sl-spacing-medium) var(--sl-spacing-large);
     white-space: nowrap;
     user-select: none;
+    -webkit-user-select: none;
     cursor: pointer;
     transition:
       var(--transition-speed) box-shadow,
diff --git a/src/components/tag/tag.styles.ts b/src/components/tag/tag.styles.ts
index 07fd25d9ab..352cb19fd9 100644
--- a/src/components/tag/tag.styles.ts
+++ b/src/components/tag/tag.styles.ts
@@ -15,6 +15,7 @@ export default css`
     line-height: 1;
     white-space: nowrap;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .tag__remove::part(base) {
diff --git a/src/components/textarea/textarea.styles.ts b/src/components/textarea/textarea.styles.ts
index dc301efd93..f30b23946f 100644
--- a/src/components/textarea/textarea.styles.ts
+++ b/src/components/textarea/textarea.styles.ts
@@ -115,6 +115,7 @@ export default css`
   .textarea__control::placeholder {
     color: var(--sl-input-placeholder-color);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .textarea__control:focus {
diff --git a/src/components/tooltip/tooltip.styles.ts b/src/components/tooltip/tooltip.styles.ts
index c4d9d6db81..4250f2849f 100644
--- a/src/components/tooltip/tooltip.styles.ts
+++ b/src/components/tooltip/tooltip.styles.ts
@@ -52,5 +52,6 @@ export default css`
     padding: var(--sl-tooltip-padding);
     pointer-events: none;
     user-select: none;
+    -webkit-user-select: none;
   }
 `;
diff --git a/src/components/tree-item/tree-item.styles.ts b/src/components/tree-item/tree-item.styles.ts
index 5f8d1fab35..c9ca22b645 100644
--- a/src/components/tree-item/tree-item.styles.ts
+++ b/src/components/tree-item/tree-item.styles.ts
@@ -26,6 +26,7 @@ export default css`
     color: var(--sl-color-neutral-700);
     cursor: pointer;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .tree-item__checkbox {