When a user has to select some text on a website, they have to drag and hold their mouse, or use double-click it. Sometimes, there are some samples that we know that the user is going to copy for sure. A use case for this can be code samples. The user-select CSS property can help do exactly just that.
.select-all-text {
user-select: all;
-moz-user-select: all;
-webkit-user-select: all;
}
CSSAnd if you were to click the above, it would select the full text on click.
You can also provide a none value to the user-select property to disable selection altogether:
user-select: none;
CSSAnd that is it. A short and sweet way to select all text on click using CSS.
While working on a project, I wanted to do an integrity check of a file…
Popovers have been a problem that was typically solved by using a third-party solution. But…
Node.js 20.6 added built-in support for the .env file. This is an excellent addition to the platform…
Object destructuring is a powerful ES 6 feature that can help developers write cleaner code.…
Have you felt particularly annoyed by the time it takes to clone a large repository,…
Within a React or Next.js app, if you encounter the error "Hydration failed because the…