如何在Bootrstrap中打印标记高亮显示

时间:2017-02-19 02:44:56

标签: css twitter-bootstrap

我在打印页面上的Bootstrap mark突出显示时遇到问题。我有以下代码:

<mark class='RedHighlightColor'>text...</mark>

我的CSS是:

.RedHighlightColor{
    background-color: red !important;
    color: white;
}

当我尝试打印时,mark突出显示不会打印。

我的CSS打印:

@media print {

.RedHighlightColor{
        background-color: red !important;
        color: white;
    }
}

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:2)

浏览器通常不会打印背景颜色,除非您指定它。

要使用背景颜色打印它们,您必须将其打开。在Google Chrome中,选中此框:

enter image description here