css - bootstrap 按钮在单击时显示蓝色轮廓

Question

我添加了这个，但点击按钮时仍然出现蓝色轮廓。

.btn:focus {
  outline: none;
}

如何去除那个丑陋的东西？

Answer 1

可能是您的属性被覆盖了。 尝试将 !important 与 :active 一起附加到您的代码。

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

同时添加 box-shadow 否则你仍然会看到按钮周围的阴影。

虽然这不是使用 !important 的好习惯，但我建议您使用更具体的类，然后尝试使用 !important 来应用 css...