相关疑难解决方法(0)

https://plnkr.co/edit/aUYfOBJ0MdywKW2pphOM?p=preview

<md-select placeholder="food" style=""><!-- no width stylings that work -->
    <md-option *ngFor="let food of foods" [value]="food.value">
        {{ food.viewValue }}
    </md-option>
</md-select>

请看上面的plunker.使用'food'的占位符来设置md-select的宽度有很多困难.为什么我不能在md-select标签中做一个style =""？我尝试使用没有响应的类来定位这个相同的div.我也尝试使用.md-select-trigger类,它在chrome,firefox和edge的F12工具中可见.没有.

唯一有效的方法是取消选择浏览器工具区域中可用的.md-select-trigger类的最小宽度或弹性空间.

我不确定我在这里处理什么.

我正在尝试使用多个复选框来自定​​义Mat-select。由于某些原因，面板的最小宽度错误，如下所示：

而且我不知道它的最小宽度在哪里计算。我也尝试添加panelClass并重写此类的最小宽度，例如：

<mat-select #multipleSelect (selectionChange)="selectItem($event.value)" panelClass="multiple-panel" multiple>      

&.multiple-panel {
   min-width: 200px !important;
}

但是，当打开下拉菜单时，其打开的宽度为原始宽度（如图所示），并在几毫秒后“跳转”到面板类上定义的自定义最小宽度。

我发现很难选择垫子样式。有人知道如何解决这个问题吗？