如何在同一行上对齐搜索图标和自动完成组件

时间:2018-09-04 04:55:42

标签: css angular angular-material

我在项目中使用了 autocomplete 组件,并且已将 search 图标作为后缀添加到组件中,如下图所示 enter image description here

我正在尝试像这样在同一行上对齐图标自动完成组件的输入字段。

enter image description here

我无法执行此操作。这是分叉的stackblitz链接。

1 个答案:

答案 0 :(得分:1)

使用CSS:

mat-icon{
      position: relative;
    top: 7px;
}

查看此处:https://stackblitz.com/edit/angular-9ao75y-wtqj1n?file=app/autocomplete-filter-example.css