Skip to content
Interaction

user-select

Controls whether and how the user can select text inside an element.

907 effects in the catalog use this property.

Syntax

user-select: auto | none | text | all;

Watch out

`none` can prevent accidental selection on button labels, but applying it to readable content removes the user's ability to copy information. Reserve it for interface chrome and decoration.

Effects using user-select

These are working effects from the catalog. Open a tile to inspect the full source.