How to hide href attribute of tag via css when using window.print

Question

I've a php page, with a button that able the user to print via window.print function. I'd need to know how to hide the href attribute of an html tag when printing the page Example: if the tag is like follow: ``` HELLO ``` I want to display just HELLO. I've to do this only when i use window.print. I've already set up the css for printing in this way: ``` @media print { body * { visibility:hidden; } #section_to_print, #section_to_print * { visibility:visible; } #section_to_print { position:absolute; left:0; top:0; } /* //HERE I NEED A RULE TO HIDE // ONLY HREF ATTRIBUTE BUT NOT CONTENT OF A TAG //BUT IN THIS WAY THEY HIDE THE WHOLE TAG OF COURSE #section_to_print a { display:none; } */ @page { size: landscape; } } ``` And all works correctly, except for the link that was printed with the href part. Thank you

Accepted Answer

Thank you, the solution i've found that work form me is similar to your

```
   #section_to_print a[href]:after { display:none; } 
```

In fact, the problem was generated by some css containing a rule like follow:

```
     a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;} 
```

Like suggested at this link:

stackoverflow.com/questions/4834517/…

However, thank to much :) Regards

How to hide href attribute of <A> tag via css when using window.print

Solution

Problem