CODEWITHSUNDEEP
javascriptcss
user2548436
user2548436

Reputation: 925

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

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

Upvotes: 4

Views: 17502

Answers (2)

user2548436
user2548436

Reputation: 925

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

Upvotes: 15

TheScarecrow
TheScarecrow

Reputation: 163

why dont you use:

#section_to_print a{
    color:black;
    text-decoration:none;
}

Upvotes: -3

Related Questions