Zurb Foundation Print Styles - How to disable urls appearing next to anchors when printing?

Question

When I print my page the actual URL appears next to every anchor tag, which looks really weird in breadcrumbs or footer links. What is the appropriate way to disable this behavior when using Zurb Foundation 5? Alternatively, if there is a CSS style I can use to override this behavior, that would also be great.

You can see the description of the behavior in their documentation here: http://foundation.zurb.com/docs/components/typography.html#print-styles

Answer 1

That is caused by pseudo elements being added to attribute selectors; probably something like this:

a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";}

You can most likely override this by resetting the content of the pseudo element.

Try adding the following to a print stylesheet:

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}