Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何覆盖ng2 pdf查看器css_Css_Angular - Fatal编程技术网

如何覆盖ng2 pdf查看器css

如何覆盖ng2 pdf查看器css,css,angular,Css,Angular,我正在“角度材质”对话框中渲染pdf。当我检查时,我看到容器的宽度很小,我想增加。 所以,我想改变 到 我试过了!这很重要,但不起作用 如何做到这一点?这对我来说很有效 :host ::ng-deep .ng2-pdf-viewer-container { width: 100% !important; }这对我很有效 :host ::ng-deep .ng2-pdf-viewer-container { width: 100% !important; }我已经使用jQuery实现了这

我正在“角度材质”对话框中渲染pdf。当我检查时,我看到容器的宽度很小,我想增加。 所以,我想改变

我试过了!这很重要,但不起作用

如何做到这一点?

这对我来说很有效

:host ::ng-deep .ng2-pdf-viewer-container {
width: 100% !important; 
}这对我很有效

:host ::ng-deep .ng2-pdf-viewer-container {
width: 100% !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属性。

我已经使用jQuery实现了这一目的,它的效果非常好

$(".ng2-pdf-viewer-container[_ngcontent-c6]").css("overflow-x", "unset");
:host ::ng-deep .ng2-pdf-viewer-container .page {margin-bottom: 0px !important;}
我在函数
afterLoadComplete
中编写的这条语句

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

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

:host ::ng-deep .ng2-pdf-viewer-container .page {margin-bottom: 0px !important;}
这对我有用。我想更改页边距底部


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

您可以添加问题的可运行代码段吗?像Fiddler、codepen等一样,您可以添加问题的可运行代码段吗?像Fiddler、codepen等一样,我需要为我的应用程序添加
overflow-x:initial!重要的但这是我需要的选择器,感谢我需要添加到
overflow-x:initial中的应用程序!重要的但这是我需要的选择器,谢谢:主机::ng deep.ng2 pdf查看器容器。第{页边距底部:0px!重要;}:主机::ng deep.ng2 pdf查看器容器。第{页边距底部:0px!重要;}