Need to remove href values when printing in Chrome

Question

I m attempting to customize the print CSS  and finding that it prints links out with the href value as well as the link   This is in Chrome   For this HTML    lt a href  http   www google com  gt Google lt  a gt    It prints   Google  http   www google com    And I want it to print   Google

User · Answer

If you use the following CSS   lt link href    Content common bootstrap css  rel  stylesheet  type  text css       gt   lt link href    Content common bootstrap min css  rel  stylesheet  type  text css    gt   lt link href    Content common site css  rel  stylesheet  type  text css    gt    just change it into the following style by adding media  screen    lt link href    Content common bootstrap css  rel  stylesheet    media  screen    type  text css    gt   lt link href    Content common bootstrap min css  rel  stylesheet    media  screen    type  text css    gt   lt link href    Content common site css  rel  stylesheet    media  screen    type  text css    gt    I think it will work   the former answers like        media print     a href  after       content  none  important          were not worked well in the chrome browse

User · Answer

To hide Page url    use media  print  in style tage example     lt style type  text css  media  print  gt               page                   size  auto       auto is the initial value                    margin  0      this affects the margin in the printer settings                               page   size  portrait     lt  style gt    If you want to remove links      media print      a href  after         visibility  hidden  important

User · Answer

Bootstrap does the same thing      as the selected answer below     media print     a href  after       content       attr href               Just remove it from there  or override it in your own print stylesheet    media print     a href  after       content  none  important

User · Answer

For normal users  Open the inspect window of current page  And type in   l   document getElementsByTagName  a    for  var i  0  i lt l length  i          l i  href           Then you shall not see the url links in print preview

User · Answer

It doesn t  Somewhere in your print stylesheet  you must have this section of code   a href   after       content       attr href          The only other possibility is you have an extension doing it for you

User · Answer

x000D   x000D   media print   x000D     a href  after   x000D        display  none  x000D        visibility  hidden  x000D       x000D    x000D   x000D   x000D    Work s perfect

User · Answer

I encountered a similar problem only with a nested img in my anchor    lt a href  some link  gt      lt img src  some src  gt   lt  a gt    When I applied    media print      a href  after         content  none  important           I lost my img and the entire anchor width for some reason  so instead I used    media print      a href  after         visibility  hidden           which worked perfectly   Bonus tip  inspect print preview

[css] Need to remove href values when printing in Chrome

Examples related to css

Examples related to printing

Examples related to hyperlink

Examples related to print-css