小编ryc*_*ych的帖子

在打印样式表(chrome)中隐藏输入边框

我有一个表格,打印时,应显示为纯文本,即输入和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解决方法似乎是目前最好的方法.

css google-chrome media-queries twitter-bootstrap

5
推荐指数
2
解决办法
9488
查看次数