首页 文章

如何为Angular Material paginator自定义css？

提问于
浏览 次
0

我想修改Angular Material Paginator的默认外观 . 例如，我想将justify-content属性更改为flex-start .

.mat-paginator-container {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 56px;
padding: 0 8px;
flex-wrap: wrap-reverse;
width: 100%;}

我做的是 - 我在styles.css文件中粘贴了下面的CSS

.mat-paginator-container {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 56px;
padding: 0 8px;
flex-wrap: wrap-reverse;
width: 100%;}

但那没用 . 我也在组件的css文件中尝试了css . 但那也行不通 . 那我怎么修改css呢？

UPDATE

事实证明我必须使用！重要而且它有效！我正在避免这种情况，但别无选择 . 任何更好的解决方案，请告诉我 .

css angular angular-material

1 回答

  • 0

    你可以使用:: ng-deep来改变mat-paginator的风格

    :host ::ng-deep.paginator .mat-paginator-container{
  justify-content: flex-start;
}
    回复于

相关问题