As there are many CSS codes that are still not in front of newbies so here we are sharing and below is one of that. The below CSS code is used to stop function of mouse pointer that can cause many other word like stop copying text, stop highlighting text, stop draging or droping and many more so this css code is also helpfull for pro according to there work.
Anyway, this css code will stop mouse pointer function on a limited space that you want like you want to stop copying image or text or only a desired DIV so you can stop any single thing r whole page too. Now its pto you what you want. Anyway, below we have some code snippets that will let you know about the code and how to use it.
Table of Contents
Features:
1.) This Is Pure CSS2.
2.) Due To CSS, It Will Remain Working With JavaScript Blocker.
3.) Little Codes.
4.) For Security Against Newbies.
5.) Cross Browser Compatibility.
How To Use Below Codes?
You just have to add CSS (/*pointer-events:none;cursor:default;*/) to your desired one target as image, text, tags, video etc. Just add that css to there class, ID, tags and its done. Below we shared some codes from that you can easily understand that how to use it.
How To Disable Whole Website/Blog Using Pure CSS?
<style type=”text/css”>
body { pointer-events:none;cursor:default;}
</style>
<a href=”##########”>Disable Link</a>
How To Disable A Link Using Pure CSS?
<style type=”text/css”>
a { pointer-events:none;cursor:default;}
</style>
<a href=”##########”>Disable Link</a>
How To Disable An Image Using Pure CSS?
<style type=”text/css”>
img { pointer-events:none;cursor:default;}
</style>
<img src=”##########”>Disable Image</img>
How To Disable A DIV Using Pure CSS?
<style type=”text/css”>
div { pointer-events:none;cursor:default;}
</style>
<div>Disable DIV</div>
How To Disable A Class Using Pure CSS?
<style type=”text/css”>
.disable-class { pointer-events:none;cursor:default;}
</style>
<div class=”disable-class”>Disable Class</div>
How To Disable An ID Using Pure CSS?
<style type=”text/css”>
#disable-id { pointer-events:none;cursor:default;}
</style>
<div id=”disable-id”>Disable ID</div>
Last Words:
We have this CSS so we shared it with you. Now its upto you how you will use it. The basic use of this DIV is security against newbiews. Anyway, If you likes it then share it and leave your feedback, If you have any query then feel free to contact us anytime.
Be the first to write a comment.