时间戳

首页 > 解决方案 > 如果我无权访问标签（按钮），如何自定义引导类（btn-link）？

angular - 如果我无权访问标签（按钮），如何自定义引导类（btn-link）？

问题描述

我有一个由库（ngx-bootstrap 手风琴组件）生成的按钮，但我无权访问它（它在编译后生成它或不管它是什么，换句话说，我无法在我的 html 中访问它文件）。当我通过 Chrome 的 Inspector 检查元素时，我可以添加例如 color: red; 但是当我复制 CSS 路径以通过 .css 文件对其进行更改时，它不会更改它。它有一个 btn-link 类，我想通过 .accordion-toggle>btn-link { color: red; 访问它 }，但它不会改变。

我想我可以为所有匹配 .accordion-toggle>btn-link 的元素添加一个自定义类，例如带有 typescript/javascript 的 .my-custom-class ，然后我可以将我的更改应用于我的自定义类。

这是“覆盖”引导程序的唯一方法吗？

标签： angulartypescriptaccordionngx-bootstrap

解决方案

accordion-group {
  ::ng-deep {
    div {
      &>div.panel-heading.card-header.panel-enabled.btn-link {
          color: rgb(6, 10, 9); // this is how
      }
    }
  }
}

我发现 Angular 中的 ::ng-deep（在 VueJS 中有一个，在 React 中有类似的东西）做这件事 - 访问“动态生成”的 html，它只是由其他组件生成并 ng-deep 访问它们。它不能在 CSS 中完成，因为块嵌套 - 它应该是例如 SASS 文件。

推荐阅读