We can prevent elements to be selected using CSS

Sometimes it might be handy when you have text that could be selected and copied by the user to prevent certain elements from being copied.

I've realized that we can simply do that by using the CSS property user-select: none :

span {
  user-select: none;
}

Reference

• https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting
• https://developer.mozilla.org/en-US/docs/Web/CSS/user-select