ng-bootstrap手风琴标题没有悬停效果下划线

Question

我在我的angular4应用程序中使用ngb手风琴。 一架手风琴应始终打开。 我唯一的问题是我无法删除悬停时的下划线。 这是我的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;
}