css控按钮的点击时候出现边框

去除按钮黄色边框

最新推荐文章于 2023-05-11 09:45:07 发布

原创最新推荐文章于 2023-05-11 09:45:07 发布 · 1w 阅读

4 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种解决网页按钮点击时出现黄色边框的方法。通过调整CSS样式，具体为将按钮的outline属性设置为none，可以有效避免按钮激活状态下的黄色边框显示。

今天测试偶然发现一个问题，页面上的按钮每次点击时都会出现一个黄色的框，然后各种查看自己写的样式表，没有发现自己控制这个呀，后来在引入的bootstrap框架中发现了这样的代码：

.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {



    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

}

原来是引用的样式表中有设置，那只要把按钮的样式设置成
{
   outline：none；
}
这样点击按钮时就不会出现黄色边框了。