Angular 角度材质下拉列表宽度更改

Angular 角度材质下拉列表宽度更改,angular,angularjs-directive,angular-material,material-ui,material-design,Angular,Angularjs Directive,Angular Material,Material Ui,Material Design,我使用的是“角度材质”下拉列表。UL列表元素似乎取决于按钮宽度。我已附加按钮和下拉列表。我想更改下拉列表的宽度,而不仅仅是一个按钮。 在按钮中,我只键入“创建”,在下拉列表中,我想键入“创建文档”、“创建PDF”。现在我得到按钮宽度大小下拉列表。因此,下拉式内容无法正确查看。如何更改下拉列表宽度 角材质已经为这一问题提供了解决方案 mat select提供了一个名为“panelClass”的属性 通过它我们可以改变下拉面板的宽度,如下所示: 在style.css中: 。面板自定义宽度{ 宽度:

我使用的是“角度材质”下拉列表。UL列表元素似乎取决于按钮宽度。我已附加按钮和下拉列表。我想更改下拉列表的宽度,而不仅仅是一个按钮。 在按钮中,我只键入“创建”,在下拉列表中,我想键入“创建文档”、“创建PDF”。现在我得到按钮宽度大小下拉列表。因此,下拉式内容无法正确查看。如何更改下拉列表宽度


角材质已经为这一问题提供了解决方案

mat select
提供了一个名为“panelClass”的属性

通过它我们可以改变下拉面板的宽度,如下所示:

style.css
中:

。面板自定义宽度{
宽度:300px!重要;
最大宽度:未设置!重要;
}
在您的组件中:


大不列颠
美国
加拿大