删除页内链接周围的边框

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