Html 更改CSS中按钮周围的蓝色边框

当我想在单击引导按钮后更改/删除其周围的蓝色边框时，我在设置引导按钮的样式方面遇到了问题。情况是这样的：

我已经看过很多关于这个问题的帖子，几乎每一篇都以“UseOutline:none”结尾。出于某种原因，这对我不起作用。CSS代码：

    .btn {
    color: white;
    border-radius: 0px;
    background-color:rgba(124, 122, 119, 0.405);
    border-color: rgba(255, 165, 0, 0.405);
    margin: 15px;
    max-width: 30%;
    max-height: 30%;
    outline: 0;
}

.btn:hover{
    border-color: white;
    background-color: rgba(190, 123, 34, 0.514);
    outline: 0;
}

.btn:focus{
    border-color: white;
    background-color: rgba(255, 166, 0, 0.418);
    outline: none;
    border: 0;
}

.btn:active {
    border: 0;
    outline: 0;
}

正如你所看到的，我盲目地把大纲属性放在每一个地方，把它的每一个可能性与尝试和错误的方法混合在一起。还是没什么。 如果您觉得这个按钮有用，下面是我的HTML代码：

<button type="button" class="btn btn-primary" (click)="decrementStep()">Back</button>

返回

---

另外，若你们能告诉我如何改变按钮被点击时的背景色，那个将是很好的，因为某些原因，它也不适合我。我认为问题的原因在引导程序中的某个地方，但我对前端完全是新手，只是一个初学者。还有，如果有关系的话，我用的是角度。提前感谢。

您可以尝试重置输入

默认情况下，某些HTML元素有自己的属性集，并且每个浏览器的属性都不同

以下是有关“重置”过程的一些信息：

---

您可以尝试重置输入

默认情况下，某些HTML元素有自己的属性集，并且每个浏览器的属性都不同

以下是有关“重置”过程的一些信息：

---

要关闭它，您需要以下css规则：

.btn:focus {
    box-shadow: none;
}

---

因为它不是用于蓝色边框的“轮廓”，而是框阴影

要关闭它，您需要以下css规则：

.btn:focus {
    box-shadow: none;
}

---

因为它不是用于蓝色边框的“轮廓”，而是框阴影

您的蓝色边框是由

btn主类引起的。您需要覆盖边框颜色和框阴影以将其删除（同时删除轮廓以防万一）：


.btn.btn-primary{
边框颜色：透明！重要；
盒影：无！重要；
大纲：无！重要；
}
您的蓝边框是由
btn主类引起的。您需要覆盖边框颜色和框阴影以将其删除（同时删除轮廓以防万一）：


.btn.btn-primary{
边框颜色：透明！重要；
盒影：无！重要；
大纲：无！重要；
}
YOLO，只需将*：focus{outline:none}添加到全局样式表中：Pdo不添加
！重要信息
。这不是解决这个问题的正确方法。可以检查这个旧主题：YOLO，只需将*：focus{outline:none}添加到您的全局样式表：Pdo not add
！重要信息
。这不是解决此问题的正确方法。请检查此旧主题：不要使用！重要的是，如果你不需要。是的，我知道，但也不要使用引导！有更好的网格系统在那里，而不是让你需要覆盖每一件事！上面需要的是重要的，但是在按钮下方仍然有一个蓝色边框。提问的人使用引导，所以在这种情况下，你不想使用它并不重要。此外，如果覆盖样式最后加载，则可以避免！无论您使用的是什么框架，都很重要。@NathanielFlick在这种情况下，您不想使用重要框架的愿望也不重要，就好像您实际检查了bootply链接一样，您将看到样式是最后加载的，并且不会覆盖引导样式，因此如果他们想要使用OP中显示的选择器，则需要使用重要的选项。此外，您的答案也不起作用-单击按钮时以及单击后，蓝色边框仍然存在，哪个OP明确表示他们想删除它不是我的愿望，它是使用CSS的标准操作程序和公认的方式。不要使用！重要的是，如果你不需要。是的，我知道，但也不要使用引导！有更好的网格系统在那里，而不是让你需要覆盖每一件事！上面需要的是重要的，但是在按钮下方仍然有一个蓝色边框。提问的人使用引导，所以在这种情况下，你不想使用它并不重要。此外，如果覆盖样式最后加载，则可以避免！无论您使用的是什么框架，都很重要。@NathanielFlick在这种情况下，您不想使用重要框架的愿望也不重要，就好像您实际检查了bootply链接一样，您将看到样式是最后加载的，并且不会覆盖引导样式，因此如果他们想要使用OP中显示的选择器，则需要使用重要的选项。此外，您的答案也不起作用-单击按钮时以及单击后，蓝色边框仍然存在，哪个OP明确表示他们想删除它不是我的愿望，它是使用CSS的标准操作程序和公认的方式。