How to hide the href attribute of & lt; A & gt; label via css when using window.print

advertisements

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:

  <a href='myurl.com'>HELLO</a>

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, Francesco


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, Francesco