title: Style html,body from web component (Angular 2)
body: <p>I'm working on a <code>LoginComponent</code> in Angular 2 that should "restyle" the <code>html</code> and <code>body</code> tags, so I can put in a background image specific for the login page.</p>
  
  <p>But just adding a style for the <code>html, body</code> in my <code>login.css</code> doesn't seem to work.</p>
  
  <p>Is there a way to override the style on the <code>html, body</code> from a component? Or any element for that matter.</p>
  
  <p>I've tried things like:</p>
  
  <pre><code>:host(.btn) { ... }
  :host(.btn:host) { ... }
  .btn:host { ... }
  </code></pre>
  
  <p>to style an element from outside the <code>Login</code> component. But nothing seems to work.</p>