移除页内链接周围的边框

Posted 2023-03-11

【中文标题】移除页内链接周围的边框

【英文标题】：Remove border around in-page link

【发布时间】：2015-09-01 17:15:37

【问题描述】：

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

/page#h1
/page#h2

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

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

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

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

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

【参考方案1】：

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

【讨论】：

无法解决 Chrome 中的问题，但使用选择器 :target 确实有效 :) 如果您更新答案，我会接受。

你能做个小提琴吗