基于用户输入实现动态设计
比如,如果用户从管理面板应用程序添加#008000
,则使用该值并使用类似
$("#PAGE_BACKGROUNDCOLOR").css("background-color", someValue.Value);
及以上JQuery函数呈现以下HTML标记
<div class="dvBody" id="PAGE_BACKGROUNDCOLOR" style="background-color: #008000;">
现在当我按CTRL + P
打印该页面时,它会显示我的白色背景
当我将background-color
标记放在div的样式中时,打印页面工作正确...
我该怎么做才能在打印预览中显示相同的结果
我添加了-webkit-print-color-adjust:exact;
,但在两种情况下它都不适用于我在样式中写入@media page { }
或在$('#mainDiv').find("#PAGE...
此行之后使用JQuery添加
提示&amp;无关;我正在使用bootstrap,在bootstrap中@print media
查询是用!重写的
* { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
对我来说,当我制作副本,删除标签部分并包含时,它工作正常
@media print { * { -webkit-print-color-adjust: exact !important; ... } }
在那个特定的页面