我正在使用墊輸入（代碼如下）：它看起來/看起來像這樣（下面的屏幕截圖） - 添加一個占位符，一旦用戶開始輸入，該占位符就會消失。目前在我的實現中，文本向上移動并浮動（一旦焦點位于輸入框）并且文本不斷出現在 UI 上。有人可以幫助我實現我想要的嗎？
3 回答
溫溫醬
TA貢獻1752條經驗 獲得超4個贊
使用padding，您不需要更改height輸入的 。要更改占位符的顏色，請使用::placeholder。增加font-size也會增加輸入的高度。
input {
? padding: 8px;
? font-size: 18px;
? border: 1px solid #efefef;
? border-radius: 3px;
}
input::placeholder {
? color: lightgray;
}
<input placeholder="Example Input" />
子衿沉夜
TA貢獻1828條經驗 獲得超3個贊
<mat-form-field>
<mat-label>Find {{ this['groupType'] }} by Name</mat-label>
<input type="text" matInput (keyup)="searchList($event.target.value)" style="padding: 3px 10px; font-size: 20px;"/>
</mat-form-field>
守候你守候我
TA貢獻1802條經驗 獲得超10個贊
只需刪除 mat-label 并在 mat 輸入中添加占位符屬性即可。
<mat-form-field appearance="outline">
<input type="text" matInput (keyup)="searchList($event.target.value)" placeholder="Find {{ this['groupType'] }} by Name" />
</mat-form-field>
工作 stackblitz：https://stackblitz.com/edit/angular-fjhtdf
- 3 回答
- 0 關注
- 225 瀏覽
添加回答
舉報
0/150
提交
取消