CSS: user-select

What is property user-select

The user-select CSS property controls whether the text within an element can be selected by the user.

It is mostly used to prevent accidental text highlighting on interactive elements like buttons or icons.

Values

user-select: none;

Prevents text selection in the element and its descendants.

user-select: text;

Allows standard text selection.

user-select: all;

Allows the entire content of the element to be selected with a single click.

user-select: auto;

The default value, which resolves based on the parent element's context.