Disabling right click or copying on a page

• 

  davidonenet · Member · Oct 23, 2016 at 5:20 am

  • Copy link
  • Add topic to favorites

  Hello there,


  I’m trying to implement some custom CSS such that one page of my blog will be unselectable (i.e. I don’t want people copy-pasting from that one page).

  
I put the following code into the CSS of the customizer:


  .noselect {
  
-webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}



  However, it’s not working. I noticed that after I input this into the CSS of the customizer and save and publish, it looks as though it’s fine. But then after closing and reopening the CSS of the customizer, the code is missing.

  Instead, all that’s there is:


  .noselect {
}


  Any idea why this is happening? Has WP.com disabled using these CSS commands or something?


  Or is there an alternative way to disable copying content from a page?

  Thanks!