CSS ::selection Pseudo Element Playground Example

« Back to CSS ::selection Pseudo Element

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.select::selection { 
   color: #ff0;
   background: #000;
} 
</style>
</head>
<body>
<p class="select">Select this text with your mouse to view the effect of the ::selection pseudo-element.</p>
<p>Now select this text to see how it would normally look.</p>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee