在浏览器中将样式应用于ng2-pdf-viewer文档

Question

我正在尝试对我渲染的pdf应用一些基本的样式。我正在使用ng2-pdf-viewer在浏览器中显示我的pdf：

<pdf-viewer src="https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf"></pdf-viewer>

它会生成以下DOM：

​

​

我认为下面的css就可以做到这一点，特别是使用!important。

.canvasWrapper {
    margin-top: 5px !important;
    border: 1px solid #ccc !important;
}

Answer 1

我不确定为什么!important没有做到这一点，但以下方法起作用了：

:host ::ng-deep .pdfViewer .page .canvasWrapper {
    margin-top: 10px;
    border: 1px solid #ccc;
}