材质替代:垫选择没有最小宽度

时间:2019-05-16 12:23:48

标签: css angular material

我正在尝试覆盖角度材料。到目前为止,到目前为止,我已经完成了我想要的大部分事情(例如,删除下划线或使标签停止浮动等等)。

为此,我自定义表单字段。由于它们封装了所有物料输入,因此它们应适用于所有物料输入。

我的问题是,当我使用Input时,它具有最小宽度,而当我使用Mat-select时,它没有宽度。

以下是该问题的再现: Stackblitz

我认为这是因为Input由浏览器设置管理,而select是自定义Web元素,因此无法得到相同的处理。

所以我的问题是:为什么mat-select没有最小宽度,如何根据占位符的内容或选项的大小来赋予宽度?

enter image description here

1 个答案:

答案 0 :(得分:-1)

查看您的Style.scss

您将引起问题的类“ mat-form-field-infix”的宽度设置为“ auto”。