Тень поля исчезает при сохранении веб-страницы в формате PDF с помощью «Ctrl + P». ⇐ CSS

[Anonymous]

Я работаю над веб-страницей, на которой применил тень блока к элементу с помощью следующего CSS

Код: Выделить всё

.pill-shap {
width: 100%;
height: 147px;
border-radius: 100px;
box-shadow: 0px 5px 5px 1px rgba(49, 49, 49, 0.3);
display: flex;
padding: 0;
}

Тень поля корректно отображается на экране браузера. Однако когда я нажимаю Ctrl + P и пытаюсь сохранить веб-страницу в формате PDF, тень поля исчезает при предварительном просмотре печати и в окончательном PDF-файле.
Я пробовал настройка свойств box-shadow, но, похоже, ничего не работает. Как я могу гарантировать, что тень коробки будет видна в печатной версии PDF?
изображение коробок в Chrome
изображение коробок в режиме печати< /p>
Буду очень признателен за любую помощь!
Редактировать: я проверил в Chrome, и Firfox не работает ни в одном.

Подробнее здесь: https://stackoverflow.com/questions/789 ... ing-ctrl-p