在Angular组件中覆盖Angular Material样式

nul*_*Dev 9 angular-material2 angular

<md-input-container>在Angular组件中使用Material 2 .我想覆盖其中一个类,例如.mat-input-wrapperAngular Material中定义的类.但我想仅覆盖该组件,并且覆盖不应影响页面中的其他组件.

以下是渲染元素的屏幕截图:渲染md-input-container

nul*_*Dev 17

正如@Dylan指出的那样,你必须使用/deep/改变子compoenets中的CSS.这是我正在寻找的答案:

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

  • `/ deep /`及其所有别名现已弃用.没有可用的等效解决方案.有传言说他们正在等待w3c创建解决方案. (3认同)