css点击有蓝色边框

在CSS中，当我们点击一个链接时，会出现一个蓝色的边框，这是浏览器默认样式的表现。但是在一些情况下，我们可能不希望这种蓝色边框的出现，那我们该怎么办呢？下面来介绍一下如何去掉点击有蓝色边框。

a {
  
  outline: none;
 /* 去掉聚焦时的描边效果 */
}
/* 可以给聚焦时添加其他效果，比如修改背景色 */
a:focus {
  
  background-color: yellow;
}
 

如上所示，我们可以使用outline: none;来去掉默认样式的描边效果，然后再用 a:focus来添加其他效果。除了修改背景色，我们还可以增加发光效果、修改字体颜色等等。

需要注意的是，虽然去掉outline样式可以让界面更美观，但是去掉边框会让一些用户无法准确判断自己聚焦的元素。所以，我们需要根据自我需求来选择是否去掉描边效果。