Files
30-seconds-of-code/snippets/disable-selection.md
2018-10-05 09:23:16 +10:00

611 B

Disable selection

Makes the content unselectable.

HTML

<p>You can select me.</p>
<p class="unselectable">You can't select me!</p>

CSS

.unselectable {
  user-select: none;
}

Demo

Explanation

user-select: none specifies that the text cannot be selected.

Browser support

⚠️ Requires prefixes for full support. ⚠️ This is not a secure method to prevent users from copying content.