将样式应用于浏览器中的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;
}