You want to disable text selection for some text. How do you do this using CSS?
You may have a p
tag containing text that you want to make unselectable.
<p class="unselectable"> Unselectable text. </p>
You can add a CSS class to it and use the user-select
CSS property to disable text selection by setting its value to “none”:
.unselectable { -webkit-user-select: none; /* Safari */ user-select: none; }
The user-select
property requires a vendor prefix for the Safari browser.
You can also set the value to “all” so that all of the text is selected when a user clicks on the text. The browser compatibility of user-select
can be seen in this table.
Loved by over 4 million developers and more than 90,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.