移除页内链接周围的边框

Question

我的页面上有内部链接，例如：

/page#h1
/page#h2

当您单击其中一个链接时，在 Chrome 中您会看到链接周围出现蓝色边框，如下所示：

文本上方边框围绕的额外空间是由规则引起的：

.jumpTarget:before {
  content:"";
  display:block;
  height:90px;
  margin:-90px 0 0;
}

这可以补偿固定位置的顶部水平菜单。

如何去除这个蓝色边框？我尝试使用 CSS 选择器 :target 指定红色边框，但这给了我：

Answer 1

您必须使用样式规则.jumpTarget:active {outline:none;}