修改ng2-completer的CSS

时间:2018-10-23 21:59:42

标签: angular angular-material angular5 ng2-completer

我最近开始在Angular 5应用程序中使用ng2-completer,我一直在关注链接“ http://oferh.github.io/ng2-completer/#/native”,以了解控件的工作方式,但无法获得所有功能。

1)我希望控件看起来像这样:

enter image description here

当我遵循网址(https://www.npmjs.com/package/ng2-completer)中提到的插入符时,我没有得到箭头,而是得到了简单的控件。

2)当我在控件中键入内容时,包含所有项目的下拉支架应与控件的宽度匹配。下拉框超过了控件的宽度,所以当我将宽度设置为95%时,控件的宽度增加了,但是现在下拉框的宽度变小了。因此,我希望下拉框与控件的宽度匹配。下面的屏幕截图说明了这种情况:

enter image description here

我已经跟踪了很多链接,他们建议对.completer-dropdown和.completer-dropdown-holder的css进行更改,但这没有帮助。我正在寻找要在点1中显示的控件,并且支架应与控件的宽度匹配。

我拥有的代码与ng2-completer网站上列出的插件中的代码相同。(https://next.plnkr.co/edit/sVnfpBiEb5jBdtul4ls9?p=preview&preview

您能告诉我如何使此控件根据上面发布的要求起作用吗?

0 个答案:

没有答案