Bloquear a seleção de elementos no html

Algumas vezes se faz necessário o bloqueio da seleção dos elementos no html. Algumas vezes esses eventos acontecem sem querer, como o acontecido recentemente. Tinha uma esteira em que se o usuário clicasse 2x nas setas de navegação, como havia um bloqueio para mover 1 elemento por vez, o duplo clique não funcionava, logo todo o conteúdo era selecionado deixando aquele bloco azul de vídeo reverso.

Este caso ocorreu apenas nos testes realizados no Chrome 22 rodando no Windows.

Para resolver o problema basta adicionar o CSS abaixo em todos os elementos que não queira a seleção:

O CÓDIGO:

.seus-seletores{
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
}


hasta!