diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 74a2c246..989a2f39 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 0d556b8f..45c27df5 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 d1b1334a..740e6bd7 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 df1a3272..fcf1f211 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 613a7de7..73016b3d 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 1c5adf3c..ce8a93ab 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 f8f98b3f..88d78189 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 ac1bb023..9f77a551 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 b8acc96c..f1fdff47 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 c521a3fc..476add68 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 cf57c077..1e2bafb2 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 cc50ce3d..8304ab42 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 13dc1eff..26fb0c06 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 b0a0586d..590f0e49 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 3db7436c..a9c0f697 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 136b56db..31aa0eba 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 6259f2ca..6478e9e1 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 07fd25d9..352cb19f 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 dc301efd..f30b2394 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 c4d9d6db..4250f284 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 5f8d1fab..c9ca22b6 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 {