如何在使用md-contact-chips时扩展自动完成弹出窗口宽度？

Question

我使用md-contact-chips来吸引员工。照片，姓名和电子邮件。但是来自自动完成组件的弹出窗口是缩小的。如何扩展宽度或覆盖css？ 我从github获得了信息，一种方法是使用md-autocomplete-snap = width来修复它。但我不知道如何将它与md-contact-chips一起使用。

enter image description here

 <md-content class="md-padding autocomplete" layout="column">

                    <br>
                    <h2 class="md-title">Searching asynchronously.</h2>
                    <md-contact-chips
                            ng-model="asyncContacts"
                            md-autocomplete-snap="width"
                            md-contacts="delayedQuerySearch($query)"
                            md-contact-name="profile_name"
                            md-contact-image="profile_imageURL"
                            md-contact-email="profile_intranetID"
                            md-require-match="true"
                            md-highlight-flags="i"
                            filter-selected="filterSelected"
                            placeholder="To">
                    </md-contact-chips>
                </md-content>

Answer 1

我找到的最佳选择是添加到以下css类：

.md-chips .md-chip-input-container {
    width: 100%;
}