For a visual breakdown of how these selectors work, you can explore the CSS Selectors Tutorial on YouTube. CSS user-select Property (Rare CSS Props #1)
: Can be used to add or remove underlines/strikes (support varies by browser). Usage Example CSS Selection Property - YouTube
Only a limited set of CSS properties can be used with ::selection , as browsers restrict them for performance and usability reasons: : Sets the color of the selected text. background-color : Sets the highlight color behind the text. text-shadow : Adds a shadow effect to the selected text. For a visual breakdown of how these selectors
The pseudo-element in CSS is used to style the part of a document that is currently highlighted or "selected" by the user (for example, with a mouse click and drag). Key Properties for ::selection background-color : Sets the highlight color behind the text
To change the highlight of an entire webpage to a custom color, you can apply it to the root or a specific element:
/* Styling for the whole page */ ::selection { background-color: #ffb7b7; color: #000; } /* Styling for a specific paragraph class */ .custom-highlight::selection { background-color: yellow; color: red; } Use code with caution. Related Properties
: A modern property used to style interactive elements like checkboxes or radio buttons, distinct from text selection.