css - Chrome中的打印命令不适用于CSS样式

我需要在打印文档中画一条小的垂直分隔线。当我通过CSS类应用它时，它可以与Firefox和IE8一起很好地工作，但是样式不适用于chrome。样式在我的css文件的@media打印中。

.verticalLine1
{border:0.5px #B1B1B1;
border-style:solid;
border-top-width:15px;
width:1px;
}

有解决这个问题的指针吗？

最佳答案

在您的CSS文件中尝试以下操作：

.verticalLine1 {
    visibility: hidden;
    border: 0.5px #B1B1B1;
    border-style: solid;
    border-top-width: 15px;
    width: 1px;
}
@media print {
    .verticalLine1 {
        visibility: visible;
    }
}

并包含没有media="screen"属性和任何JavaScript click事件的CSS文件

<link href="styles/print.css" rel="stylesheet" type="text/css"/>

关于css - Chrome中的打印命令不适用于CSS样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13584642/