title: How to apply CSS on custom tag in Angular 2/5?
body: <p>I've installed the <a href="https://www.npmjs.com/package/ng-recaptcha" rel="nofollow noreferrer">Google ReCaptcha (ng-recaptcha)</a> component to my app, and was wondering if there is a way to apply some styles <strong>to children elements</strong> of the generated, in my case, <code>&lt;re-captcha&gt;&lt;/re-captcha&gt;</code> element.</p>
  
  <p>For example:</p>
  
  <pre><code>re-captcha{
      border: 1px solid #ccc; /*works*/
  }
  
  re-captcha div{
      border: 1px solid #ccc; /*doesn't work*/
  } 
  </code></pre>
  
  <p>Could you please share some experience of achieving the desired result?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>The following works however, if set directly in DevTools...</p>
  
  <pre><code>re-captcha div{
      border: 1px solid #ccc; 
  } 
  </code></pre>