3

I am working on this website that has a printing problem, if I do a print, the hyperlinks got printed out twice: here is what I meant by twice

Html code: <p>Urgent Care: <a href="tel:765-494-1700">765-494-1724</a>.</p>

Print output: Urgent Care: 765­494­1724 (tel:765­494­1700)

I ONLY NEED Urgent Care: 765-494-1724 (NOT tel:765­494­1700). But, I do need the hyperlink to be <a href="tel:765-494-1700"> because this hyperlink needs to be used on cellphone, and when people click on it, it will auto driven them to the dial screen.

In my print.css file, I actually already try to fix this problem by doing:

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

But It did not work :( So I am hoping that I could get some ideas on this problem if possible. Thanks a million!!!

P.S.: Working on MAC OS, chrome, safari, firefox all NOT printing right...

4

4 回答 4

3

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

@media print {
  a[href]:after {
    content: none !important;
  }
}
于 2013-07-19T20:44:40.700 回答
0

您的 HTML：

Urgent Care: <a href="tel:765-494-1700"><span class="phonenumber">765-494-1724</span></a>

你的 CSS：

@media print {
  a span.phonenumber{
    display:none;
  }
}

这将隐藏链接中的文本，因此它只显示链接本身的文本，即电话号码 ( tel:765-494-1700)。

不过，也许您不需要创建链接，因为大多数移动浏览器都会将任何号码识别为电话号码。

或者，您也可以将电话号码设为纯文本（或带有空 href 的链接）并使用 Javascript 填写 href。

于 2013-07-19T20:43:21.880 回答
-1

如果您刚刚创建了这样的链接怎么办：

<a href="tel:765-494-1700">.</a></p>

这让它只出现一次吗？

于 2013-07-19T20:37:24.900 回答
-1

在您的打印 css 中执行如下操作：

@media print
  {
    a.no_print{display:none;}
    a.to_print{display:block;}
  }

在常规 css 中，您执行相反的操作：

a.no_print{display:block;}
a.to_print{display:none;}

和你的 html ：

<p>Urgent Care: <a href="tel:765-494-1700" class="no_print" >765-494-1724</a> <a class="to_print" >765-494-1724</a>.</p>
于 2013-07-19T20:40:42.263 回答