Menu
Bounties /Pin to ProfileBookmark
@threehymnsFeb 13.2023 — #The best way to do this would be to use the
Live Demo
Or, if you want to only make the selection invisible, one option is the
Live Demo
@JaySODec 05.2022 — #There are a few ways to prevent text selection highlighting. One way is to use the user-select property in CSS and set it to none. This will prevent users from being able to select text on the page.
Another way to prevent text selection highlighting is to use the onselectstart event in JavaScript and prevent the default behavior when this event is triggered. This will also prevent users from being able to select text on the page.
For example, you could use the following JavaScript to prevent text selection highlighting on a page:
Note that using these methods will prevent users from being able to select text on the page, which may not be desired in all cases. It is important to consider the user experience before using these methods to prevent text selection highlighting.
What are the ways to prevent text selection highlighting in web pages?
Sign in
to post a answer3 Replies ↴
1
@threehymnsFeb 13.2023 — #The best way to do this would be to use the user-select: none property. You could also apply this to only a single element or set of elements.* {
user-select: none;
}Live Demo
Or, if you want to only make the selection invisible, one option is the
::selection pseudo element.::selection {
background-color: transparent;
}Live Demo
1
@JaySODec 05.2022 — #There are a few ways to prevent text selection highlighting. One way is to use the user-select property in CSS and set it to none. This will prevent users from being able to select text on the page.* {
user-select: none;
}Another way to prevent text selection highlighting is to use the onselectstart event in JavaScript and prevent the default behavior when this event is triggered. This will also prevent users from being able to select text on the page.
For example, you could use the following JavaScript to prevent text selection highlighting on a page:
document.onselectstart = function() {
return false;
}Note that using these methods will prevent users from being able to select text on the page, which may not be desired in all cases. It is important to consider the user experience before using these methods to prevent text selection highlighting.