使用Javascript从链接中删除不需要的CSS

我需要在我们的网站上的链接，以不继承网页的CSS规则-目前它显示与边框和下划线等，这是不可取的这个特定的链接

---

我似乎模模糊糊地记得能够将href更改为as

，这有效地覆盖了CSS，但我不记得如何使链接转到所需页面。你能告诉我吗？谢谢

您必须覆盖样式表上定义的样式。有几种方法可以做到这一点（下面的示例将颜色设置为红色，但实际上必须设置

边框：0；文本装饰：无；

）

内联样式

<a href="#" id="thelink" style="color:#f00;">link text</a>

外部CSS或

块（如果可以为此元素添加特定的CSS规则）

#链接{color:#f00；}

如果由于某个更具体的选择器优先，上述操作不起作用：

#链接{color:#f00！重要；}

什么是有问题的CSS规则？链接实际上是一个图像。我们网站上的所有图片都添加了填充和边框。我只记得模糊不清的javascript解决方案，不管有什么规则，它都会覆盖CSS（在以后添加这些规则的情况下很有用）。为什么不向链接添加CSS类来重置CSS样式呢？要回答您关于使链接转到所需页面的问题，您可以执行

href=“javascript:document.location.href=”http://www....';“

但是你应该遵循@bfavaretto的答案。

document.getElementById('thelink').style.color = '#f00';