Angular 2 修改第三方组件样式

// :host 表示选择当前的组件
// ::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className
:host ::ng-deep 第三方组件样式名{
  // 样式修改
  ...    
}

转载于：https://www.jianshu.com/p/9751fd6ddffc

注：原先还有另外两种方式（/deep/ 和 >>>）可以进行样式刺穿，但是CSS 标准中用于 "刺穿 Shadow DOM" 的组合器已经被弃用，并将这个特性从主流浏览器和工具中移除。所以目前建议使用 ::ng-deep 进行样式刺穿，详见官方文档。