如何覆盖ng2 pdf查看器css

kx7yvsdv 于 2023-03-20 发布在其他

关注(0)|答案(3)|浏览(158)

我在一个Angular 材质对话框中渲染pdf。我在检查时使用ng2-pdf-viewer，我看到容器宽度非常小，我想增加。因此，我想更改

.ng2-pdf-viewer-container[_ngcontent-c13] {
     overflow-x: auto; 
}

到

.ng2-pdf-viewer-container[_ngcontent-c13] {
         width: 100%;
    }

我试过了！重要的是，但它不起作用
如何做到这一点？

3条答案

这对我很有效

:host ::ng-deep .ng2-pdf-viewer-container {
width: 100% !important;

}

:host ::ng-deep .ng2-pdf-viewer-container .page {margin-bottom: 0px !important;}

这个对我有用。我想改变下边距。

我使用jQuery来实现这个目的，它工作起来很有魅力。

$(".ng2-pdf-viewer-container[_ngcontent-c6]").css("overflow-x", "unset");

这条语句是我在函数afterLoadComplete中编写的。

<pdf-viewer [src]="pdfSrc" (after-load-complete)="afterLoadComplete($event)"></pdf-viewer>

之后，您可以在同一函数中使用jQuery添加自定义CSS属性。