Css 需要将样式应用于按钮的帮助吗

我正在使用引导并将自定义主题应用到它。我使用以下css简化了我的.btn类的变体：

.btn主{
边界：无；
背景：线性梯度（135度，透明7px，rgb（0130114）7px）
}
.btn主：悬停，.btn主：焦点，.btn主：活动{
边界：无；
背景：线性梯度（135度，透明7px，rgb（0106,91）7px）
}
.btn：焦点，
.btn:活动：焦点，
.btn.活动：焦点，
.btn.focus，
.btn:active.focus，
.btn.active.focus{
大纲：无；
盒影：无；
}

---

只需添加与您现有背景相同的

背景，并且不要使用
！重要信息：

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active,
.btn:active:hover,
.btn.active.focus{
  outline: none;
  box-shadow: none;
  background: linear-gradient(135deg, transparent 7px,  rgb(0,106,91)  7px);
}

工作：
只需添加与您现有背景相同的
背景，并且不要使用
！重要信息：

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active,
.btn:active:hover,
.btn.active.focus{
  outline: none;
  box-shadow: none;
  background: linear-gradient(135deg, transparent 7px,  rgb(0,106,91)  7px);
}

工作：
已更新

快速修复添加
！重要信息
至背景

!！重要的是有效的CSS。您可能会继承一个项目，其中
以前的开发人员使用过它，或者您可能需要修补一些东西
很快-所以它可以派上用场

CSS:

已更新

快速修复添加
！重要信息
至背景

!！重要的是有效的CSS。您可能会继承一个项目，其中
以前的开发人员使用过它，或者您可能需要修补一些东西
很快-所以它可以派上用场

CSS:

您的CSS正在被“：active:focus”事件的引导覆盖

包括这一行代码（如下）。这将解决您的问题

.btn-primary:active:focus {
    background: linear-gradient(135deg, transparent 7px, rgb(0,106,91) 7px);
}

干杯！！
让我知道它是否有效。
我把你的代码转移到我的Codepen帐户并解决了这个问题。
请看:
您的CSS正在被“：active:focus”事件的引导覆盖

包括这一行代码（如下）。这将解决您的问题

.btn-primary:active:focus {
    background: linear-gradient(135deg, transparent 7px, rgb(0,106,91) 7px);
}

干杯！！
让我知道它是否有效。
我把你的代码转移到我的Codepen帐户并解决了这个问题。
请看:
不幸的是，我已经尝试过这些，但都不起作用。您可以在这里亲自尝试：@ObiEff尝试一下。。。看到我也有同样的问题。@ObiEff在后台工作。@ObiEff检查更新的答案。不要使用
！重要信息
。是的，这是有效的，我必须将其更改为，btn primary，并为btn.default添加相同的内容，但现在效果良好。谢谢，幸运的是我已经试过了，但都不起作用。您可以在这里亲自尝试：@ObiEff尝试一下。。。看到我也有同样的问题。@ObiEff在后台工作。@ObiEff检查更新的答案。不要使用
！重要信息
。是的，这是有效的，我必须将其更改为，btn primary，并为btn.default添加相同的内容，但现在效果良好。ThanksAlready尝试了这些，但不幸的是没有成功。试试我添加的代码笔。添加
！重要信息
至背景。答案已更新。我已经尝试了这些，但不幸的是没有成功。试试我添加的代码笔。添加
！重要信息
至背景。答案已更新Praveen Kumar的解决方案可以工作，但是您必须将其更新为针对特定类，而不仅仅是.btn。我使用过：.btn primary:focus、.btn primary:active:focus、.btn-primary.focus、.btn primary:active、.btn primary:active:hover、.btn-primary.active.focus{背景：线性梯度（135度，透明7px，rgb（0106,91）7px）}Praveen Kumar的解决方案有效，但是，您必须更新它以针对特定类，而不仅仅是.btn。我使用过：.btn主：焦点，.btn主：活动：焦点，.btn主：活动：焦点，.btn-primary.focus，.btn主：活动，.btn主：活动：悬停，.btn-primary.active.focus{背景：线性渐变（135度，透明7px，rgb（0106,91）7px）}