У меня есть страница с 60 различными входами. Все они номера и должны быть проверены на одном из входов. Если этот вход больше 3, чем родительский div, он изменится на красный. Все работает прекрасно, если только я не пытаюсь напечатать стиль, который я передаю через функцию javascript (document.getElementById (classid) .style.backgroundColor = "red";) не отображает печать. Как получить страницу для печати со стилем, заданным функцией?Распечатать страницу с javascript styling
<script type="text/javascript">
function CheckThisNumber(val, id){
var x = document.getElementById("a6").value;
var y = Number(x) +3;
var classid = "p" + id;
if((val)>=y) {
document.getElementById(classid).style.backgroundColor = "red"; }
else { document.getElementById(classid).style.backgroundColor = "white"; }
}
</script>
Один из многих входов:
<div class="a1" id="pa1">
<strong>A1</strong><br><input type="number" name="a1" id="a1" style="width:95%" onKeyUp="CheckThisNumber(this.value,this.id)">
</div>
Поскольку ваш браузер/принтер настроен так, чтобы не печатать цвета фона. Не имеет никакого отношения к JavaScript/HTML и ничего, что может исправить JavaScript/CSS/HTML. Существует https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust, но он не является стандартным. – epascarello
Хмм хорошо. Есть ли альтернатива фоновому цвету, который будет печатать? Работает ли пограничная работа или другой вариант, который даст аналогичный эффект? – Buster