[分享]css去掉点击后的边框颜色

CSS中有一个默认的边框颜色，当我们点击一个链接或按钮时，就会出现一个外边框，这种效果在有些情况下会让用户感觉不适，干扰了用户的视觉体验。下面我们来看一下如何去掉CSS点击后的边框颜色。a:focus...

CSS中有一个默认的边框颜色，当我们点击一个链接或按钮时，就会出现一个外边框，这种效果在有些情况下会让用户感觉不适，干扰了用户的视觉体验。下面我们来看一下如何去掉CSS点击后的边框颜色。

a:focus, button:focus {
    outline: none;
} 

上述代码就是我们去掉CSS点击后的边框颜色的代码。其中，a:focus表示当链接获得焦点时，button:focus表示当按钮获得焦点时，outline属性可以设置边框，将它的值设置成none，就可以实现去掉点击后的边框颜色的效果了。

需要注意的是，如果我们将所有元素的边框去掉，那么用户就没有任何反馈，无法确定哪个元素是焦点状态，所以需要在去掉边框颜色之后，添加一些其他的视觉效果，例如改变鼠标指针的样式、改变元素的背景色等，以保证用户的操作体验。