从.phone元素中删除链接

Question

我在我的页脚中添加了一个小部件（我使用的是Wordpress），它显示了一个电话号码，但由于某种原因，它将号码转换为链接。

如何删除链接？我查看了我的样式表，但找不到任何链接的引用，我甚至尝试过：

a.phonelink:hover { color: #000000; }

但这不起作用（手机链接颜色也是黑色）。

请帮忙！

我的网站可以在以下网址看到：

http://www.oxfordlifestylecentre.co.uk/

为方便起见，我也拍了一张照片来解释这个问题：

www.reading-college.ac.uk/sites/default/files/phone-link-issue.jpg

当我发帖提问时（发布链接，不发布链接等），我通常会做错事，所以我提前向那些难以取悦编码的人道歉！

非常感谢，

萨姆

Answer 1

你没有足够的特异性。只需使用：

.pc_info_widget .phone a:hover { color: #000; }

并且它将解决您的问题，假设没有任何其他具有更高特异性的CSS覆盖它。

Answer 2

您已将其包装在<a>标记中，这就是它成为链接的原因

<a href="tel:01865 551521">01865 551521</a>

而不是简单地做

 <span>01865 551521</span>

或删除 href 标记

  <a>01865 551521</a>

Answer 3

使用简单的jquery代码行，您可以删除a标记。只需将此代码放在任何.js文件上，并确保已包含jquery CDN库。

检查 DEMO 。

jquery代码

$("span.phone a").replaceWith($("span.phone a").text());

<强>更新

这里有一个简单的CSS解决方案。请参阅 DEMO 。

span.phone a:hover[href^="tel"]{color:#000; text-decoration:none;}