Its about a small CSS line that prevent users to highlight the text in your webpage. there’s experimental property known as “user select” that enables you to define new instructions when someone trying to highlight/select your content. This simple method will help you to make it harder for someone to select the content and copy on their own blog or website.
To disable selection of text in a web page, all you will need to do is use this CSS property.
-webkit-user-select: none; /* Webkit */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10 */
/* Currently not supported in Opera but will be soon */
The values on this property :
- Auto – Visitors can select all content in the element.
- None – Selecting content is disabled.
- Text – Can only select text content.