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

Question

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

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

Answer 1

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