小编jxS*_*low的帖子

我正在研究一个黑色背景的有角度的材料日期选择器。如何将日期选择器图标、下划线和占位符文本的默认颜色更改为全白色？

<mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date">
    <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

我正在研究角材料网格列表。如何在所有 mat-grid-tile 上应用/绘制黑色边框及其厚度，如下所示？编辑 mat-grid-tile 的 css 的类名是什么？

<mat-grid-list cols="12" rowHeight="200px">
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>    
    <mat-grid-tile colspan="3" rowspan="1">Text</mat-grid-tile>
</mat-grid-list>

我正在研究 Angular，并试图根据"cardData.color".

例如

cardData = {id: '1', color: '#202020'};

我已经尝试了下面显示的代码，但它不起作用。

<div style="background-color: {{cardData.color}}; padding: 10px 20px;"></div>

有什么办法，我可以根据对象的颜色动态设置背景颜色？？谢谢你。