user-select

Utilities for controlling whether the user can select text in an element.

Examples

Disabling text selection

Use the select-none utility to prevent selecting text in an element and its children:

Allowing text selection

Use the select-text utility to allow selecting text in an element and its children:

Selecting all text in one click

Use the select-all utility to automatically select all the text in an element when a user clicks:

Using auto select behavior

Use the select-auto utility to use the default browser behavior for selecting text:

Responsive design