css - 增加 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;
}

这在您的 codepen 中有效。请尝试一下。