从<；a>；html中的标记

我在html页面上有一个标记，在标记内有一个img标记，当我点击一个图像时，图像滚动条弹出，当我关闭滚动条时，图像上现在有一个轮廓，我可以通过按tab键或单击其他位置来删除，是否还有删除该轮廓的方法

谢谢

<p><a class="group1" href="images/1.jpg"><img src="projectspic.jpg"/></a></p>

CSS：

a.group1{
大纲：无；
边界：无；
}

写下以下内容：

a{
 outline:none;
}

一些CSS可以做到这一点：

.group1 {
  outline: none;
}

---

有时由于其他CSS规则，这可能会被覆盖，在这种情况下，您可能希望使用伪类a.group1:focus等。值得注意的是，这是一种为焦点提供视觉提示的方法。作为UI开发人员，有时您将面临向不愿意并拒绝理解此类技术标准的业务人员解释相同内容的问题。在这种情况下，我试图去掉“丑陋”的轮廓，并设置一些其他线索。我在这个网站上工作，你会注意到轮廓被一个视觉提示代替，让用户知道光标在页面上的焦点。只需打开网站并反复按tab键，您就会发现