css - 引导程序中带有轮廓（背景颜色）的按钮

Question

我正在使用引导程序在我的网站上进行一些设计。这个按钮得到一个不应该存在的黄色轮廓。如果我在页面加载后单击页面上的任意位置，黄色的“边框”就会消失。

有人知道可能出了什么问题吗？我正在使用类'btn-warning btn'

在此处输入图像描述

score 7 · Accepted Answer

金色轮廓表示按钮获得焦点。这意味着它将接收来自键盘的输入（尝试按“Enter”）。

如果它在页面加载时自动发生，则称为“自动对焦”。为了防止它使用autofocus属性<body>：

<body autofocus>

如果您不希望出现金色轮廓（我不推荐），请使用 CSS 禁用它：

.btn:focus { outline: none; }

1 回答 1