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

Mukesh Jakhar - PHP Web Developer
Mukesh Jakhar

This is Mukesh Jakhar. I’m a professional web developer with 3+ years experience. I am always ready for freelance work and i am writing blogs in my free time. I love to learn new technologies and share with others.

I founded PHPKIDA in September 2015. The focus of this website to provide web development tutorials of PHP, WordPress, CodeIgniter, Jquery, MySQL, HMTL, CSS etc and sharing solution to problems which i already solved.

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.