Rendere testo non selezionabile con i CSS

In pratica voglio fare in modo che il testo di una pagina web non sia selezionabile con il mouse.

Possiamo farlo direttamente con CSS volendo, ed è quello che faremo.

Ovviamente, sarà sempre possibile prendere il testo dai sorgenti della pagina; ma almeno non sarà a portata di mano degli utenti meno scafati.

Questa regola varrà per tutta la pagina:

            * {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

Potete anche impostare la regola su una sola parte della pagina.

Enjoy!