带有不需要的额外链接的html打印超链接

标签 html css printing

我在这个有打印问题的网站上工作,如果我打印,超链接打印了两次:这就是我所说的两次

HTML 代码:<p>Urgent Care: <a href="tel:765-494-1700">765-494-1724</a>.</p>

打印输出: 紧急护理:7654941724(电话:7654941700)

我只需要紧急护理:765-494-1724(不是电话:7654941700)。但是,我确实需要超链接为 <a href="tel:765-494-1700">因为这个超链接需要在手机上使用,当人们点击它时,它会自动将他们带到拨号屏幕。

在我的 print.css 文件中,我实际上已经尝试通过执行以下操作来解决此问题:

a:link, a:visited  {
content: "";
}

但它没有用 :( 所以我希望如果可能的话,我能对这个问题有一些想法。一百万感谢!!!

P.S.:在 MAC OS、chrome、safari、firefox 上工作都无法正确打印...

最佳答案

将此添加到您的 print.css(并删除您的 a:link, a:visited 规则)

@media print {
  a[href]:after {
    content: none !important;
  }
}

关于带有不需要的额外链接的html打印超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17755012/

相关文章:

javascript - 有没有办法在 IE8 中隐藏滚动条?

javascript - 如何忽略页面上 iframe 的浏览器缩放(ctrl+scroll)

javascript - 在 ReactToPrint 中调整页面大小

javascript - CSS 样式在获取文件之前不会更新

jquery - 分页符不起作用

html - 可以将 css 从样式属性移动到类定义的编辑器/IDE

javascript - 可移动的 div 但只有 div 标题才能移动所有的 div 内容

html - 删除表格边框

html - 如何让 Ajax 搜索结果位于另一个 div 元素之上?

php - 在响应式布局上用 php 更改 html