增加md-autocomplete框宽

Question

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

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

Answer 1

将md-menu-class="class-name"属性添加到您的<md-autocomplete>标记中 并将CSS提供给class-name

请检查角度材料的版本以及该版本是否支持此功能。 如果以上不起作用。尝试做类似以下的事情。 （不推荐）

<强> CSS：

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

这适用于您的codepen。请试一试。

Answer 2

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

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