如何在使用window.print时通过css隐藏<A>标签的href属性

Question

我有一个php页面,有一个按钮,用户可以通过window.print函数进行打印.

我需要知道如何在打印页面时隐藏html标签的href属性

示例:如果标记如下所示:

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

我想只显示你好.

我只有在使用window.print时才会这样做.

我已经以这种方式设置了用于打印的CSS:

@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; }
}

并且所有工作都正常,除了用href部分打印的链接.

谢谢

Answer 1

谢谢,解决方案我发现我的工作形式与你的相似

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

实际上,问题是由一些包含以下规则的css生成的:

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

喜欢这个链接建议:

stackoverflow.com/questions/4834517/...

但是,非常感谢:)问候