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:
and 
andlt;p class="unselectable"andgt;This text cannot be selected.andlt;/pandgt;
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.
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and 
and

forum

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

Revati S Misra

Can you answer this question?

1 Answers

Liked By