css - 在 Angular Material 的 md-option 上将空白设置为正常

Question

我有一些值在 md-select 中特别长，它们在较小的视口(viewport)上溢出到椭圆中，因此在选择列表和显示所选值时都切断了重要文本。

我想让它们溢出到两行或更多行。

在检查器中，

md-option .md-text{
    white-space: nowrap;
}

可以禁用，但定位同一个选择器不起作用。

Answer 1

我在问这个问题之前就想通了，但我想我还是会发帖，以防它能帮助其他人节省一些时间。

我补充说:

div.md-text{
    white-space: normal;    
}

以 md-option 元素内生成的 div 为目标。我还不确定这不会在其他地方引起错误，所以如果有人有更好的解决方案，请告诉我。