angular-cli default style does not work

Question

Angular 2 with the CLI is not loading the default styles.css. Or maybe it is, but the styling does not work. I have to add styles in every component, which makes no sense.

For example, this works in my component css:

.qta-colors{    
  background-color: rgb( 5, 37, 65)
}

But if I move it to styles.css then it does not work.

Style is defined in angular-cli.json:

  "styles": [
     "styles.css" 
  ],

https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation — jonrsharpe, Nov 27 '16 at 22:25
how do I addencapsulation: ViewEncapsulation? where do I put it? — Tampa, Nov 27 '16 at 22:34
... *"using the `encapsulation` property in the component metadata"* — jonrsharpe, Nov 27 '16 at 22:38
Possible duplicate of [How to use global css styles in shadow dom](http://stackoverflow.com/questions/35694328/how-to-use-global-css-styles-in-shadow-dom) — Fiddles, Nov 28 '16 at 03:25

score 0 · Answer 1 · answered Nov 28 '16 at 13:18

0

you can add your global css in index.html file like

 <style>
  .qta-colors{    
   background-color: rgb( 5, 37, 65)
  }   
  </style>

it will be accessible throughout you application

answered Nov 28 '16 at 13:18

Ashutosh Jha

13,573
9
48
77

angular-cli default style does not work

1 Answers1