我们如何覆盖由 angular 指令创建的 CSS。例如，当我们将添加排序指令添加到材料数据表时，它是creates this problem (It overrides the layout of the column header).。
通过 styles.scss 或组件本地 CSS 覆盖 CSS 不起作用，因为该指令添加了具有优先级的内联样式。还尝试将 !important 添加到 CSS 定义覆盖，但不喜欢。
想法？
【问题讨论】：
标签： javascript html css angular typescript
我可以建议一种方法，在组件的 CSS/SCSS 文件中编写自定义 CSS 类，并使用带有 NgClass 指令的条件应用它， 在 onInit 中执行你的条件。
试试看，希望能成功
【讨论】：
ngAfterViewInit 上执行，但是ngclass 和添加一个类是一回事
如果没有应用类的样式，您可以使用NgStyle 或Angular Style Binding。最好的方法是使用ngdeep
如果这仍然不起作用，请将其放在 setTimeout 或 ngAfterViewChecked 上（不推荐）。
【讨论】：
::ng-deep 应该是首选，以便与工具更广泛地兼容。