从.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;}