为什么bootstrap 3在我的按钮和其他html元素中设置了一个蓝色矩形边框

Why does bootstrap 3 set a blue rectangle border in my buttons and other html elements?

本文关键字：一个 边框 色矩 蓝色 设置 我的 bootstrap 按钮 元素 html 其他      更新时间：2023-09-26

https://i.stack.imgur.com/dxguj.png

那条蓝色的矩形线是什么？每当我想使用它时，我都希望它在我的控制之下。所以如果我想删除它，我应该能够为元素删除它。我使用bootstrap 3。

只需在stylesheet的任何位置或内部添加以下CSS：

button:focus {
    outline:0;
}

您所指的蓝色矩形线是围绕元素绘制的一条线，以使它们突出，这就是所谓的轮廓。想象一下，一个用户只有一个键盘在网站上导航，大纲是一个很好的参考，可以向用户显示哪个元素是活动的/有焦点。例如，当大纲出现在菜单项上时，它会向用户显示，点击回车键将很可能将他带到该特定页面。

在大多数浏览器中，默认情况下都有一个大纲样式，Bootstrap按照自己的方式设置。

有关大纲样式属性的详细信息：http://www.w3schools.com/cssref/pr_outline.asp

要去除Bootstrap中按钮的轮廓，您可以使用：

.btn:focus {
    outline:none;
}

https://jsfiddle.net/DTcHh/12056/

-编辑

正如Guruprasad Rao所指出的，根据W3C学派的说法，有效的大纲属性是none。

相关文章：