title: Override Angular Material style in Angular component
body: <p>I am using Material 2 <code>&lt;md-input-container&gt;</code> in my Angular component. I want to override one of the classes e.g. <code>.mat-input-wrapper</code> defined in Angular Material. But I want to override only in that component and the override should not effect other components in the page.</p>
  
  <p>Here is the screenshot of the rendered element:<a href="https://i.stack.imgur.com/L8mbF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/L8mbF.png" alt="Rendered md-input-container"></a></p>