Stop Post Stealing Using Simple CSS - Disable Text Selection

One unique way but easy to do to stop users from stealing your contents or posts can be done using CSS (Cascading Sylesheet). This trick can be useful to prevent "the irresponsible" users from copying, plagiary, and redistribute our original works/ ideas illegally. And furtherly stop them to continue doing so, hopefully.

There's a unique function of Cascading Stylesheet that disable user from using mouse selection function, which is actually can be helpful (see it on 7 useful things you never use with your mouse). This function called disable user select, to apply this add the following code to your Stylesheet:

.post .content p{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
unselectable:on;}

The codes instruct your web browser not to use selection ability, you see all the user select are set to none. You may also add more codes of supported browser to make this trick more effective, or you can moderately choose user select variable as follow:

auto : user can select content of an element.
none : user can not select content.
text : user can only select text.

Please note, this disable user select trick works on CSS element where the code is put; as the example above, it uses the post and content classes. So user will not able to select or steal your content on those two element only. Be wise to use this CSS function as it really necessary, and do not forget to avoid using this disable user select on blockquotes, pre, or code. Otherwise, your visitor will not be able to copy those given code.

Share