css - ng-bootstrap Accordion 标题悬停效果没有下划线

Question

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

我的应用也是 Angular。以下方法通过更新组件的 SCSS 文件对我有用:

// overwrite ngb-accordion default ngbPanelTitle styles
:host ::ng-deep {
    .accordion {
        .btn-link {
            color: #666666;
            &:hover,
            &:focus,
            &.focus {
                text-decoration: none;
            }
        }
    }
}