我想增加md-autocomplete框的宽度,因为出现的一些项目没有完全显示(它们以" ..."结尾)。
有没有办法改变md-autocomplete的下拉框的宽度?
答案 0 :(得分:2)
将md-menu-class="class-name"
属性添加到您的<md-autocomplete>
标记中
并将CSS提供给class-name
请检查角度材料的版本以及该版本是否支持此功能。 如果以上不起作用。尝试做类似以下的事情。 (不推荐)
<强> CSS:强>
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
width:700px !important;
}
这适用于您的codepen。请试一试。
答案 1 :(得分:1)
看起来他们修复了这个问题,所以你可以通过css设置md-autocomplete的宽度,其他一切都可以适当调整。
<md-autocomplete style="width: 22em;" ...