CSS :Отключить верхний и нижний колонтитулы в предварительном просмотре перед печатью Chrome

одно из моих приложений - это POS-терминал (Point Of Sale ). поэтому при печати счетов в хроме. заголовок страницы и нижний колонтитул страницы автоматически вставляются браузером, который я хочу подавить через страницу и без вмешательства пользователя..

Я применил некоторые CSS поверх -здесь, в печатных -средствах массовой информации,

@media print {
 #header, #footer { 
    visibility: hidden !important;
    display: none !important;
 }
}

Но это не применяется, может быть, селектор не правильный?

И я также попытался уменьшить поля, но это вырезало / переопределяло содержимое страницы -, если в печати несколько страниц. И еще одно, я не хочу отключать опцию предварительного просмотра для хрома..

У кого-нибудь есть хорошее решение для этого?

С уважением..