相关疑难解决方法(0)

我想禁用 Angular Material mat-tab 动画（内容滑动到位时发生的动画）。我知道可以使用 [@.disabled] 属性，但我想知道是否可以使用纯 css 实现相同的效果。

编辑：

我们的 UX 团队希望从材质选项卡中删除幻灯片动画，因为他们认为无论出于何种原因都不合适。我们有多个项目可能会多次使用选项卡组件，因此我们想要一种方法来移除当前选项卡和即将出现的选项卡的动画。理想情况下，我们不想告诉人们向他们的 HTML 中添加（并开始添加）任何属性（他们可能会忘记这样做）。此外，这些项目有一个提供主要 css 样式的项目作为依赖项。这个想法是在所有项目之间共享的主 css 样式表中删除这些动画。我们尝试添加以下内容，但没有奏效：

.mat-tab-body-content, .mat-tab-body, .mat-tab-body-wrapper { 
  transition: none !important;
  transform: none !important; 
  animation-duration: 0ms !important; 
}