andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
57cb9d24a33a9a4013dac78e4681e441c9b1e9e8
30-seconds-of-code/snippets/disable-selection.md
Angelos Chalaris 82252a5924 Resolves #41
2018-03-03 11:19:44 +02:00

820 B
Raw Blame History

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

You can select me.

You can't select me!

<style> .snippet-demo__disable-selection { user-select: none; } </style>

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.