How can I make generated content selectable?
You can't make a pseudo-element selectable, as it doesn't exist in the DOM.
5.10 Pseudo-elements and pseudo-classes
Neither pseudo-elements nor pseudo-classes appear in the document source or document tree.
Find a text generated by content CSS property
It's not possible (unless browser itself has this functionality) because pseudo element are not in DOM. So even with js/jQuery you can't select them
Select text in ::before or ::after pseudo-element
You can't, the before and after pseudo classes are not meant to be used for that purpose.
Related Topics
Css: Center Element Within a ≪Div≫ Element
Gradients in Internet Explorer 9
How to Make CSS Visible Only For Opera
Css Page-Break Not Working in All Browsers
When Will an ≪A≫ Tag Not Inherit Color Attribute of Parent Tag
How to Create Equal Height Columns in Pure Css
Relationship Between !Important and CSS Specificity
Css Selector For Attribute Names Based on a Wildcard
Wave (Or Shape) With Border on Css3
How to Select an Nth Child Without Knowing the Parent Element
Why Percentage Value Within Grid-Gap Create Overflow in CSS Grid
What's the Difference Between CSS Classes .Foo.Bar (Without Space) and .Foo .Bar (With Space)
How to Clear the Cache of Nginx
Match All Elements Having Class Name Starting With a Specific String
100Vw Causing Horizontal Overflow, But Only If More Than One
What Is Difference Between Justify-Self, Justify-Items and Justify-Content in CSS Grid