在 mat-select 中更改字体大小和系列失去对所选选项的关注答案

【问题标题】：changing font size and family in mat-select losing focus on selected option在 mat-select 中更改字体大小和系列失去对所选选项的关注
【发布时间】：2020-05-08 10:54:05
【问题描述】：

我已将字体大小更改为 16px 并将字体系列更改为 Ubuntu，这使得 Angular Material Control 的垫选择列表以一种奇怪的格式出现。选择的选项在打开下拉菜单时没有获得焦点，选项也被从顶部和底部剪切。

请参阅随附的屏幕截图。在一个截图中，font-size 是 14px，另一个是 16px。

【问题讨论】：

标签： angular-material material-design

【解决方案1】：

你是如何改变字体大小的？ 22px 或 28px 对我来说没有问题

我的CSS：

::ng-deep .mat-select-panel .mat-option-text { font-size:28px; }

工作stackblitz here

【讨论】：