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

问题描述

我已经将 Google ReCaptcha(ng-recaptcha)组件安装到了我的应用程序，并想知道是否有一种方法可以将某些样式应用于所生成元素的子元素(在我的情况下为<re-captcha></re-captcha>元素

I've installed the Google ReCaptcha (ng-recaptcha) component to my app, and was wondering if there is a way to apply some styles to children elements of the generated, in my case, <re-captcha></re-captcha> element.

例如:

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

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

能否请您分享一些获得预期结果的经验?

Could you please share some experience of achieving the desired result?

更新:

但是，如果直接在DevTools中设置以下内容，则可以使用...

The following works however, if set directly in DevTools...

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

推荐答案

尝试以下代码段:

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

这篇关于如何在Angular 2/5中的自定义标签上应用CSS?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！