Hi I want to give the p tag selection styles, but it doesn’t work, any idea why?
body.blog p::selection,
body.blog p::-moz-selection {
color: red;
}
<body class="blog">
<p class="text-condensed-light text-15-rem mt-20">This text should be red when selected.</p>
</body>
Any help appreciated.
>Solution :
When a browser encounters a selector it does not support it ignores the whole rule.
So separate the rules.
p::-moz-selection {
color: red;
}
p::selection {
color: red;
}<p class="text-condensed-light text-15-rem mt-20">This text should be red when selected.</p>