Is there a way to make text unselectable on an HTML page?

Question

Khushi Singh · Answer

Of course, one can disable text selection on an HTML page by using CSS. Here is a way you can dot it:

1. Using CSS

The user-select property stops the user from selecting text. Here's how you can use it:

.unselectable {
 user-select: none;
 -webkit-user-select: none; /* For Chrome, Safari, and Edge */
 -moz-user-select: none; /* For Firefox */
 -ms-user-select: none; /* For Internet Explorer/Edge */
}

Apply this class to any element you want to make unselectable:

<p class="unselectable">This text cannot be selected.</p>

Important Note

Please understand that this does not give perfect content protection. To get to the text part users can use developer tools or open page source. Limit its usage because it could have a negative side depending on the users.

forum

Is there a way to make text unselectable on an HTML page?

Can you answer this question?

1 Answers