按钮与大纲(背景颜色)在bootstrap中

Question

我正在使用bootstrap在我的网站上获得一些设计.这个按钮得到一个黄色的轮廓,不应该在那里.如果我在页面加载后单击页面上的任何位置,黄色"边框"将消失.

任何人都知道可能有什么问题？我正在使用班级'btn-warning btn'

在此输入图像描述

Answer 1

黄金轮廓表示该按钮获得焦点.这意味着它将从键盘接收输入(尝试按"Enter").

如果它在页面加载时自动发生,则称为"自动对焦".要防止它使用autofocus属性<body>:

<body autofocus>

如果你不想出现那个黄金大纲(我不推荐),请用CSS禁用它:

.btn:focus { outline: none; }