Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular MAT Select Select选项不更改颜色_Angular_Ngx Datatable - Fatal编程技术网

Angular MAT Select Select选项不更改颜色

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数据表中有一个mat select

通过css,我无法更改所选选项的文本颜色。我相信我的选择器正在工作,因为我已经能够改变字体的大小和重量。这些选项在下拉列表中会适当地着色,但在选择它们时不会。是否有唯一的属性来更改所选选项的颜色

            <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-耶!你应该张贴这是一个答案。谢谢