CSS User Select Generator

Control text selection behavior — try selecting text in each demo

Common Use Cases

user-select: none — Buttons, drag handles, UI labels, icons. Prevents accidental text selection during interactions.
user-select: all — Code snippets, API keys, license keys, URLs. Single click selects everything for easy copy.
user-select: text — Force text selection even in non-selectable parent containers.
user-select: auto — Default browser behavior. Content is selectable normally.

Selected CSS