如何从选定的 Card Bootstrap 5 中删除轮廓答案

【问题标题】：How to remove an outline from a selected Card Bootstrap 5如何从选定的 Card Bootstrap 5 中删除轮廓
【发布时间】：2021-02-17 19:24:33
【问题描述】：

对于我的论文，我必须使用 Bootstrap 5 框架制作一个网站，所以我一直在搞乱“Bootstrap Cards”。当我点击一张卡片时，会出现一个边框。以为我可以修复它使用伪元素覆盖它：focus

.card:focus {outline: 0 !important;

例如：

我猜这是大纲之外的其他东西，但没有必要的 HTML 知识

已经谢谢了，陆拉蒙

【问题讨论】：

许多 Bootstrap 元素使用 box-shadow 表示:focus 状态。试试box-shadow: none。您是否将其包裹在 <a> 标记中，或者为什么它是 focusable？因为如果我试图专注于一张卡片，那是不可能的。
也试过了，真的不知道为什么它是可聚焦的，没有将它包装在a标签中。

【解决方案1】：

检查.card 类有一个border

要删除它，只需将其覆盖为 border: none;

【讨论】：

【解决方案2】：

尝试使用此代码：

.card:focus {
   border: none !important;
}

看看能不能解决问题

【讨论】：