[英]Change mat-paginator's [pageSizeOption] font-size and font-family
我的应用程序中有一个mat-paginator,但显示时[pageSizeOptions]的字体大小似乎无法更改。
<mat-paginator [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
我的意思是,与旁边写的“每页项”相比,“ 10”是如此之小。
CSS甚至无法使用:
.mat-paginator {
font-family: 'Raleway'!important;
font-size: large!important;
}
我已经使用theme.scss搜索了一个解决方案:
$custom-typography: mat-typography-config(
$font-family: '"Raleway", "sans-serif"',
$body-2: mat-typography-level(16px, 24px, 600)
);
@include mat-core($custom-typography);
但是没有成功。 你们知道如何实现吗?
也许您可以在样式文件上使用:: ng-deep:
::ng-deep .mat-select-value {
font-size: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
::ng-deep .mat-option-text {
font-size: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.