从带有Javascript的链接中删除不需要的CSS

Removing unwanted CSS from a link with Javascript

本文关键字：删除 不需要 CSS 链接 Javascript      更新时间：2023-09-26

>我需要我们网站上的一个链接来不继承页面的CSS规则 - 目前它显示带有边框和下划线等，这对于这个特定的链接来说是不可取的。

我似乎隐约记得能够将 href 更改为 as <a href="javascript:;"></a>，这有效地覆盖了 CSS，但我不记得如何使链接转到所需的页面。你能填我吗？谢谢！

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

内联样式 

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

JavaScript

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

外部 CSS 或<style>块(如果可以为此元素添加特定的 CSS 规则(

#thelink { color: #f00; }

如果由于某些更具体的选择器优先而无法正常工作：

#thelink { color: #f00 !important; }
相关文章：