How to disable text selection highlighting

Question

Aryan Kumar · Answer

To disable text selection highlighting in CSS, you can use the user-select property. Here is an example:

.disable-selection {
 -webkit-user-select: none; /* Safari */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer/Edge */
 user-select: none;
}

In the above example, the user-select property is set to none for all vendor-specific prefixes, as well as the standard property. This will prevent the user from selecting and highlighting any text within an element with the disable-selection class.

Note that this property is not supported in all browsers, so it may not work in some older or less popular browsers. Additionally, disabling text selection can negatively affect the accessibility of your website, so it should be used with caution and only in cases where it is necessary for the user experience.

forum

How to disable text selection highlighting

Can you answer this question?

1 Answers