增加md-autocomplete框宽度

Question

我想增加md-autocomplete框的宽度,因为出现的一些项目没有完全显示(它们以"..."结尾).

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

Answer 1

md-menu-class="class-name"将属性添加到您的<md-autocomplete>标签并赋予 CSSclass-name

请检查您的 Angular-Material 版本以及该版本是否支持此功能。如果以上方法不起作用。尝试做类似以下的事情。（不建议）

CSS：

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

这在你的代码笔中有效。请尝试一下这个。