gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:59:21 25 4
gpt4 key购买 nike

我在我的元素中使用了autocomplete组件,并且我添加了search图标作为组件的后缀,如下图所示 enter image description here

我正在尝试将 iconautocomplete 组件的输入字段对齐在同一行上,就像这样。

enter image description here

我做不到。这是 fork 的 stackblitz链接。

最佳答案

使用 CSS:

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

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

关于css - 如何在同一行对齐搜索图标和自动完成组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52159036/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com