如何覆盖ng2 pdf viewer css

Question

我在角度材质对话框中渲染pdf。当我检查时，我正在使用ng2-pdf-viewer，我看到容器宽度非常小，我想要增加。 所以，我想改变

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

到

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

我试过了！重要但它无法正常工作

怎么做？

Answer 1

这对我有用

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

}

Answer 2

我已经将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属性。

Answer 3

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

这对我有用。我想更改底边距。