如果我没有标签（按钮）的访问权限，我如何定制一个bootstrap类（btn-link）？

Question

我有一个由库生成的按钮（ngx-bootstrap accordion 组件），但我没有访问它的权限（它是在编译后生成的，换句话说，我的 html 文件中没有访问它的权限）。当我通过Chrome浏览器的检查器检查元素时，我可以添加例如color: red；但是当我复制CSS路径通过.css文件改变它时，它没有改变。它有一个btn-link类，我想通过.accordion-toggle>btn-link { color: red; }来访问它，但它没有改变。

我想我可以给所有匹配.accordion-toggle>btn-link的元素添加一个自定义类，例如.my-custom-class与typecriptjavascript，然后我可以在我的自定义类上应用我的改变。

这是 "覆盖 "Bootstrap的唯一方法吗？

Answer 1

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文件。