如何在打印样式表中修改对象的样式?如果有帮助,我正在使用jQuery。
我想要设置一个对象的CSS属性,但只想在打印时应用该属性,而不是屏幕。例如:$('#myobject').css('background','white','print');
如何在打印样式表中修改对象的样式?如果有帮助,我正在使用jQuery。
我想要设置一个对象的CSS属性,但只想在打印时应用该属性,而不是屏幕。例如:$('#myobject').css('background','white','print');
$('head').append('<style type="text/css" media="print">Whatever styles</style>');
<link rel =“stylesheet” type =“text / css” media =“print” href =“print.css” />
。我只是想确保您不是使用不必要的javascript来完成可以使用css完成的任务。 - Paul ShamCSSStyleSheet
添加到 document.styleSheets
中,并将 media
类型设置为 print
。https://developer.mozilla.org/en/DOM/stylesheet
我认为唯一的方法是在元素上设置特殊的ID或类,然后在打印样式表中定义该样式:
<html><head>
<style type="text/css" media="print">
.print_blue { color: blue; }
</style>
</head><body>
<span id="to_change">This is black text.</span>
<a href="#" onclick="jQuery('#to_change').addClass('print_blue');return false">Click here</a>
to change it to blue for printing.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
</body></html>
#myobject {
background-color: white;
}
<link rel="stylesheet" href="print.css" type="text/css" media="print" />