我有一个表格,打印时,应显示为纯文本,即输入和textareas应没有边框.我添加了一个打印样式表,如
@media print {
input, textarea {
border: 0 !important;
border-style: none !important;
}
}
Run Code Online (Sandbox Code Playgroud)
这适用于FF,但不适用于chrome.
-webkit-shadow and
-webkit-appearance
Run Code Online (Sandbox Code Playgroud)
也似乎不会影响打印输出.
见:小提琴
编辑:这最终是由以下原因引起的:
Chrome Issue 174583:打印时,框阴影显示为纯黑色.
建议的解决方法是添加-webkit-filter:blur(0)有点工作,但仍留下输入边框阴影的痕迹,因此像接受的答案中的javascript解决方法似乎是目前最好的方法.