Как переопределить настройки печати с помощью CSS для различных браузеров? - PullRequest
0 голосов
/ 06 ноября 2019

У меня есть следующий CSS:

   @@media only print {
            @@page {
                size: A4 landscape !important;
                margin-top: 0mm !important;
                margin-bottom: 0mm !important;
            }
                #tblPrint tbody tr:nth-child(even) {
                    background-color: #ededed !important;
                }
            * {
                -webkit-print-color-adjust: exact !important;
            }
}

Проблема заключается в следующем:

  1. Свойства страницы @@ не действуют во всех браузерах,и настройки печати браузера по умолчанию вступают в силу, то есть (Chrome: A4 / альбомная), (Edge: A4 / книжная), (IE: A4 / книжная), даже когда я переворачиваю свойство size на size: A3 Portrait! Important;настройки печати того же браузера по умолчанию продолжают действовать.

  2. Поскольку я использую «-webkit-print-color-Adjust», свойство background-color вступает в силу в Chrome, даже когда яОтключите функцию «фоновой графики» в настройках печати браузера, однако она не вступит в силу в IE, если я не включу функцию «Цвет фона и изображения для печати» в настройках печати браузера, так как браузер не можетзаставьте CSS-свойство background-color вступить в силу.

Решение, которое мне нужно, состоит в том, чтобы принудительно заставить свойства, указанные моим CSS, переопределять настройки печати Браузеров, не требуя от пользователя указыватьРазмер бумаги, ориентация и проверка «Фоновая графика / Печать фона и изображений» из браузера. Параметры печати для ВСЕХ браузеров, помогите !!

1 Ответ

0 голосов
/ 06 ноября 2019

добавить нижнюю часть таблицы стилей

css

@media print { 
    body{ background-color:#000;}
} 
...