Como impedir a seleção de texto/conteúdo da minha página web com CSS?
Isso seria extremamente útil para botões, âncoras, tags e outros elementos que poderiam ser selecionados sem o interesse do usuário...
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeUtilizando as seguintes regras de CSS para os elementos que não podem ser selecionados:
#seletor {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
<head>
<script type="text/javascript">
function RemoveSelection()
{if (window.getSelection) {window.getSelection().removeAllRanges();}}
</script>
</head>
<body onmouseup="RemoveSelection();">
Select some content on this page with the mouse!
</body>