How to disable selection of text on a web page

If you are trying to remove or disable selection of text on your web page, This is simple and cool example for you using below CSS code you can disable web-page text.

If you don’t want to user or reader copy your website content it will be help you once you copy and past below code inside your css file after that whenever the user trying to select the text in your webpage he should not be able to do it. You may also like disable right click using JavaScript.

body, html{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

Note: This is supported by Chrome, Safari, Firefox, IE 10, and iOS Devices.

Tags: Disable Text Selection In WebPage Using CSS, How to disable selection of text on a web page, How to disable selection of text in a web page using javascript, Disabling Text Selection, Cut, Copy and Right Click on a Page, How to disable text selection in a document with CSS and jQuery, how to copy text from web page that cannot be copied, disable text selection html, disable text selection javascript, web page text not selectable, disable text selection javascript

Leave a Reply

Related Posts: You may like

Google Geochart show list of all countries with multiple colors

List of companies and their Headquarters And CEOs in the world

List of Top 15 Popular Search Engines

What Is A Landing Page Why It’s Important

PHPKIDA Offering Free Tools:


Download Instagram Videos & Photos.

Download Now


Real Time Currency Converter

Convert Now


Robots.txt File Creater

Create Now


Compress yout HTML Code

Minify Now


Compress yout CSS Code

Minify Now


Compress yout JavaScript Code

Minify Now

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.