Override Angular Material style in Angular component

Question

I am using Material 2 in my Angular component. I want to override one of the classes e.g. .mat-input-wrapper defined in

Answer 1

As @Dylan pointed out, you have to use /deep/ to alter the CSS within the child compoenets. Here is the answer I was looking for:

:host /deep/ md-input-container .mat-input-wrapper