Underline with offset not showing behind the text

Hi everyone,
it’s all in the title!

.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?

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

1 Like