代码如下。目前占位符文本与图标重叠。我需要缩进到图标右侧的占位符文本。也许有更好的方法在 matInput 元素中包含图标和占位符文本?
<mat-form-field>
<mat-icon fontSet="myfont"
fontIcon="my-icon-search"
class="search-icon"></mat-icon>
<input id="app_search_input"
matInput
type="search"
placeholder="{{'common.search' | translate}}"
class="search-input">
</mat-form-field>
最佳答案
您可以使用 matPrefix
.
<mat-form-field>
<mat-icon matPrefix>search</mat-icon>
<input matInput type="search" placeholder="search here" class="search-input">
</mat-form-field>
两个
matPrefix
和 matSuffix
可用:https://stackblitz.com/angular/byemgpqqxdx?file=app%2Finput-prefix-suffix-example.ts
关于html - 在占位符文本之前使用图标搜索输入 - Material Design,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50047953/