“text-decoration” and the “:after” pseudo-element, revisited

Question

I\'m re-asking this question because its answers didn\'t work in my case.

In my stylesheet for printed media I want to append the url after every link using the

Answer 1

As an alternative, you can use a bottom border rather than a text-decoration. This assumes that you know the color of the background

a {
  text-decoration: none;
  border-bottom: 1px solid blue;
}
a:after {
  content: "foo";
  border-bottom: 1px solid white; /* same color as the background */
}