打印预览类的视图与普通视图不同

Question

嗨，我有一个叫做bg-gray的css类 这是代码

.bg-gray{
    background-color:#6C7A89 !important;
    color:#ffffff  !important;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    border:#000000 1px solid;
    -webkit-print-color-adjust: exact !important; 
}

在正常情况下，它看起来像这样 但是在打印预览中它看起来像这样 如您所见，背景变成白色，文本颜色变成白色 我也试图把它放在我的css文件中

@media print{
.bg-gray{
    background-color:#6C7A89 !important;
  }
}

也获得相同的结果，没有背景色为bg-gray 谢谢