Disable text selection on your blog with simple CSS for Blogger & WordPress.
protect content, prevent copying, and keep your layout tidy.
Disable Text Selection on Your Blog Using CSS
Learn How to Disable Text Selection in Your Blog (Blogger & WordPress) Table of Contents
Want to stop visitors from selecting or highlighting text on your website? You can easily do this with a simple CSS code snippet, and you don't need JavaScript. This works well for elements like image captions, copyright notices, or decorative headers where you don't want text selection.
The CSS Code to Disable Text Selection
This code works on almost any website and is very compatible with all major web browsers. Just copy and paste it into your site's stylesheet.
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} Code Explanation -webkit-user-select: none; : This is for web browsers based on the WebKit engine, such as Safari and Chrome. -moz-user-select: none; : This rule targets Mozilla Firefox. -ms-user-select: none; : This is for Internet Explorer and Microsoft Edge. user-select: none; : This i…
