时间戳

首页 > 解决方案 > 如何设置 MatSelect 样式以使其在所选元素上打开？

css - 如何设置 MatSelect 样式以使其在所选元素上打开？

问题描述

如果我将自定义样式应用于 MatOptions，则 MatSelect 不再在所选元素上打开。这个 StackBlitz 是一个相当小的复制品：https ://stackblitz.com/edit/angular-g196ew-mhvzau

如果我打开 MatSelect，单击列表中间的一个项目，然后再次打开 MatSelect，我希望所选项目在视图中，但事实并非如此。

我添加时出现了问题

.mat-select-panel-wrap .mat-select-panel .mat-option {
  font-size: 12pt;
}

至styles.scss

有没有办法在不破坏此功能的情况下设置 MatOptions 样式？

我发现的唯一相关问题是：如何在所选选项上打开 mat-select 建议的解决方案是使用element.scrollIntoView()，但 MatSelect 在一个元素上打开然后需要滚动到另一个元素看起来不太好。

标签： cssangularangular-materialmat-select

解决方案

推荐阅读