重新加载页面时会忽略ng-deep吗？

Question

我已经利用Angular Material 5并使用ng-deep来定制我的垫子输入，并且在我第一次加载页面时它们可以正常工作。

但是，当我切换到另一个页面，然后使用mat-inputs返回该页面时，它要么应用ng-deep css AGAIN（例如，它将添加两次填充），要么将完全忽略ng深的CSS。

我很难弄清楚该如何解决这个问题。我的其他ng-deep CSS都没有这种行为。此问题仅在此一页上发生，并且仅在Safari和Edge浏览器中发生。 Chrome运行正常。

Answer 1

您应该知道ng-deep（和其他别名）当前已被弃用，并且它的支持已从主流浏览器和Angular中删除。

请参阅：https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

在这里您可以找到有关将自定义样式应用于Angular Material组件的更多信息：https://material.angular.io/guide/customizing-component-styles

例如利用更高的特异性：

.myapp-no-padding-dialog .mat-dialog-container {
  padding: 0;
}