ng-bootstrapアコーディオンタイトルなし下線でホバー効果

Question

私はangular4アプリでngb-accordionsを使用しています。 1つのアコーディオンを常に開く必要があります。私の唯一の問題は、ホバリング時に下線を取り除くことができないことです。 は、ここに私の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; 
} 

に以下のコードを追加します。