Как печатать определенную область на странице HTML со всеми стилями?

Question

[Speakea1y1289]

Добрый день. Имеется следующий сайт - postroeno.bitrixstudio24.ru/price . На данном сайте есть форма с id="ajax_form"

Каким образом можно реализовать кнопку печати именно этой области, чтобы сохранились все стили этой формы и её содержимое? Причём никаких лишних полей и блоков быть не должно.
Решение:

@media print { /* Стиль для печати */
    body{
        visibility: hidden;
    }

/* Блок который нужно отобразить */
    .box {
       visibility: visible;
     }
 }

, которое находил ранее, не подходит, так как появляются белые поля, потому что visibility не скрывает полностью элемент, не так как display: none, но проблема в том, что, если я поставлю display: none для body и display: block для нужного блока для печати, то этот блок всё равно не отобразится.

Answer 1

[Named]

Вы можете скрыть все элементы через

@media print {
* {display:none}
}

Ну а для необходимых вам элементов уже прописать display: block