The user-select property

Github Page

The user-selection property controls the how users are able to select content within an element.

.example {
  user-select: none;
  user-select: auto; /* initial value */
  user-select: text;
  user-select: contain;
  user-select: all;
}

Example 1 - default behaviour

The default behavious will allow users to double-click to select parts of the content.

Example 2 - none

Users cannot double-click to select any of the content. This option is useful for interactive elements such as buttons.

.example2 {
  user-select: none;
}

Example 3 - all

Users click to select all sub-elements. This option is useful for content areas where users may want to easily copy entire chunks of content.

.example2 {
  user-select: all;
}

Github Page