ng-bootstrap手風琴標題沒有下劃線懸停效果

Question

我在我的angular4應用程序中使用ngb-accordions。應該總是打開一個手風琴。我唯一的問題是，我無法刪除懸停下劃線。 這裏是我的html代碼：

<template ngbPanelTitle> 
    <span class="no-hover-and-no-cursor-effect">Version</span> 
</template> 

，這是我的CSS代碼：

.no-hover-and-no-cursor-effect:hover { 
    cursor: default; 
    color: #0275d8; 
    text-decoration: none; 
} 

色彩的作品，它保持不變。光標也可以，但是標題仍然強調......

Answer 1

只需添加下面的代碼到CSS

a.accordion-toggle{ 
    text-decoration: none !important; 
}