Angular MAT Select Select选项不更改颜色
我在ngx数据表中有一个mat select 通过css,我无法更改所选选项的文本颜色。我相信我的选择器正在工作,因为我已经能够改变字体的大小和重量。这些选项在下拉列表中会适当地着色,但在选择它们时不会。是否有唯一的属性来更改所选选项的颜色Angular MAT Select Select选项不更改颜色,angular,ngx-datatable,Angular,Ngx Datatable,我在ngx数据表中有一个mat select 通过css,我无法更改所选选项的文本颜色。我相信我的选择器正在工作,因为我已经能够改变字体的大小和重量。这些选项在下拉列表中会适当地着色,但在选择它们时不会。是否有唯一的属性来更改所选选项的颜色 <ngx-datatable-column prop="UserAcceptanceStatus" name="Action"> <ng-template let-row="row"
<ngx-datatable-column prop="UserAcceptanceStatus" name="Action">
<ng-template let-row="row" ngx-datatable-cell-template let-value="value">
<mat-select (selectionChange)="changeStatus(row.JobId, $event.value)" [value]="value">
<mat-option class="option" *ngFor="let any of status" [value]="any.value">{{any.action}}</mat-option>
</mat-select>
</ng-template>
</ngx-datatable-column>
.option {
color: $ebPurpleText;
text-align-last: center;
width: inherit;
font-family: Montserrat;
font-weight: bold;
font-size: 24px;
border: solid 1px #78206d;
width: 180px;
height: 68px;
}
{{any.action}
.选择权{
颜色:$ebPurpleText;
文本最后对齐:居中;
宽度:继承;
字体系列:蒙特塞拉特;
字体大小:粗体;
字体大小:24px;
边框:实心1px#78206d;
宽度:180px;
高度:68px;
}
更新:
该问题最终成为一个导入的样式表,带有!重要的财产。在导入的样式表中的选择器中添加了(:not)子句以排除“我的项目”使用视图封装.none属性禁用阴影dom@Chellappan-耶!你应该张贴这是一个答案。谢谢