The user-select property specifies whether or not the text of an element can be selected if you double-click on the text or hold/drag across it.

This property is often used if you don’t want the user to be able to select/highlight the text.

div {
    user-select: none;
}

These are the allowed values.

The HTML element can also be styled using JavaScript and the element’s id.

document.getElementById('my_div').style.userSelect = 'none';

<button onclick='my_function()'>Click Here</button>

<script>
function my_function() {
    document.getElementById('my_div').style.userSelect = 'none';
}
</script>