Html 覆盖启动活动/访问类打开按钮

我试图在bootstrap 4手风琴上设置卡片标题的样式，但我似乎无法覆盖预设的类样式

我想更改

.btn link

，以便在活动或访问时不加下划线，而是

。btn link:active

和

。btn link:visted

似乎不会更改输出中的任何内容，我也无法找出原因

是因为我需要更改引导css代码本身吗？我在CodePen中做这件事，所以我无法从那里访问它

如果有人以前遇到过这个问题，我很高兴收到你的来信

这是CodePen中笔的链接：（手风琴在“产品”部分

否则，代码如下

提前谢谢

手风琴中第一张卡片的html：

<div class="card">
<div class="card-header" id="headingOne">
  <h5 class="mb-0">
    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
      Collapsible Group Item #1
    </button>
  </h5>
</div>

<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion1">
  <div class="card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica...
  </div>
</div>

---

}最简单、最快的解决方案就是解决这个问题。

.btn链接：悬停{文本装饰：无！重要；}

---

我认为重写引导类不是一个好的做法，所以最好的办法是创建一个新类并使用相同的代码。

最简单、最快的解决方案就是这样。

.btn链接：悬停{文本装饰：无！重要；}

---

我认为重写引导类不是一个好的做法，所以最好的办法是创建一个新类并使用相同的代码。

不仅仅是：hover和：active，还必须添加：focus

.btn链接：焦点{文本装饰：无；}

试试这个：

#products {
padding-top:100px;
min-height:100%;
position:relative;
background-color:whitesmoke;
#accordion1, #accordion2 {
    box-shadow:0px 0px 5px 0px lightgray;
    #headingOne {
        .btn-link {
            color:navy;
            opacity:0.8;
        }
        .btn-link:hover {
            opacity:1.0;
            text-decoration:none;
        }
        .btn-link:active {
            text-decoration:none;
        }
        .btn-link:focus {
            text-decoration:none;
        }
        .btn-link:visited {
            text-decoration:none !important;
        }
    }
}

---

不仅仅是：悬停和：活动，还必须添加：焦点

.btn链接：焦点{文本装饰：无；}

试试这个：

#products {
padding-top:100px;
min-height:100%;
position:relative;
background-color:whitesmoke;
#accordion1, #accordion2 {
    box-shadow:0px 0px 5px 0px lightgray;
    #headingOne {
        .btn-link {
            color:navy;
            opacity:0.8;
        }
        .btn-link:hover {
            opacity:1.0;
            text-decoration:none;
        }
        .btn-link:active {
            text-decoration:none;
        }
        .btn-link:focus {
            text-decoration:none;
        }
        .btn-link:visited {
            text-decoration:none !important;
        }
    }
}

---

我相当确定这不是css问题，因为可折叠组项目1可以从下划线切换到无下划线，但无法按预期工作。由于某些原因，手风琴似乎无法正确切换活动类。我相当确定这不是css问题，因为可折叠组项目1可以从下划线切换到无下划线，但无法按预期工作。由于某些原因，手风琴似乎无法正确切换活动类。