angular - 如何在 Angular 2/5 中的自定义标签上应用 CSS？

Question

我已经安装了 Google ReCaptcha (ng-recaptcha)组件到我的应用程序，并且想知道是否有办法将某些样式应用于生成的子元素，在我的例子中，<re-captcha></re-captcha>元素。

例如:

re-captcha{
    border: 1px solid #ccc; /*works*/
}

re-captcha div{
    border: 1px solid #ccc; /*doesn't work*/
} 

能否请您分享一些实现预期结果的经验？

更新:

但是，如果直接在 DevTools 中设置，则以下内容有效...

re-captcha div{
    border: 1px solid #ccc; 
} 

Answer 1

这是组件的 View 封装设置导致的。

您可以使用 /deep/ 或 ::ng-deep 选择器以 native 或模拟(默认)模式下的子组件为目标，其中 abbasak 的回答将工作。