我正在尝试学习一些角度和材料设计,并且正在看关于垫子表的教程:https : //material.angular.io/components/table/examples
在示例“带有排序的表”中,CSS中具有以下样式定义:
th.mat-sort-header-sorted {
color: black;
}
我真的看不到它在做什么……我以为排序列的标题将以黑色突出显示,但是当我尝试将其更改为红色时,我没有发现任何区别。
我尝试在我的环境及其StackBlitz示例中将其更改为“红色”:https ://stackblitz.com/angular/jxmdlyyrgka ? file = app%2Ftable-sorting-example.ts
这是某种错误还是我看错了方向?谢谢!
使用::ng-deep
can可以访问标记中定义的类,以替代其样式。
:: ng-deep已过时,可以删除,也可以使用
ViewEncapsulation.None在组件装饰器中避免使用:: ng-deep
::ng-deep .mat-sort-header-sorted {
color: red; /*change color of header*/
}
::ng-deep .mat-sort-header-arrow {
color: red; /*change color of arrow*/
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句