如何在印刷品上隐藏课程

Question

您好我在该页面中有一个页面，用户可以将元素拖放到容器中，但我没有任何限制，因此用户可以将元素拖到容器外部。我正在考虑为容器添加边框，但我必须打印此页面，但我不想打印边框。这就是我所拥有的：

.bordes {
        border: solid;
        border-color: #ff0000;
    }

@media print {
        .bordes {
            display: none !important;
        }
    }

但是这隐藏了div中div的所有元素，我只想隐藏边框，这里是代码示例：

Code here

如果你看到这个例子，一切都很好但是当你点击打印按钮时，所有div都被隐藏了，我只想隐藏红色边框。提前致谢

Answer 1

您只需删除边框：

@media print {
        .bordes {
            border: 0;
        }
    }

Answer 2

而不是使用

display: none !important;

使用，

border: none;