Применить стиль к документу 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;
}