Home / Articles / Click Once, Select All; Click Again, Select Normally Author Chris Coyier 2 Comments Join Conversation Published Apr 29, 2020 user-select Learn Development at Frontend Masters A bonafide CSS trick from Will Boyd! Force all the content of an element to be selected when clicked with user-select: all;If you click a second time, let the user select just parts of the text as normal. Second click? Well, it’s a trick. You’re really using a time-delayed forwards-ending @keyframes animation when the element is in :focus to change it to user-select: text; CodePen Embed Fallback Will’s article has a bunch of more useful information and use-cases for user-select.