Underline with offset not showing behind the text

How To
1

Hi everyone,
it’s all in the title!

image
image1528×286 12.3 KB 

.highlight-rose{
  text-decoration-line: underline;
  text-decoration-color: #bb3043;
  text-decoration-thickness: 15px;
  text-underline-offset: -0.1rem;
}

I can’t figure out when inspecting the css why my underline is not showing behing the text,
any idea?

2

The solution is to add
text-decoration-skip-ink: none;
Thanks @maximebeguin

3 Likes