增加 md-autocomplete 框宽度

Question

我想增加 md-autocomplete 框的宽度，因为出现的一些项目没有完全显示（它们以“...”结尾）。

有没有办法改变md-autocomplete下拉框的宽度？

Answer 1

将 md-menu-class="class-name" 属性添加到您的 <md-autocomplete> 标签并把 CSS 给 class-name

请检查您的 angular-material 版本以及该版本是否支持此功能。如果以上都不行。尝试做类似下面的事情。（不推荐）

CSS:

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
     width:700px !important;
}

这在您的代码笔中有效。请试试这个。

Answer 2

看起来他们解决了这个问题，所以您可以通过 css 设置 md-autocomplete 的宽度，其他一切都会适当调整。

<md-autocomplete style="width: 22em;" ...

increase md-autocomplete box width