使用css打印页面时出错

Question

当点击菜单中的元素时，用户有机会从网站打印当前页面：

<li>
  <a href="#" onClick="window.print()">
    <i class="icon-print"></i>
    Print Page
  </a>
</li>

该页面有一个表格，每行都有一个按钮（显然有一个内部链接可以重定向到另一个页面）。

问题在于，在预览页面时，页面上的链接显示如下：

菜单（javascript）也会显示......

我该怎么做才能解决这个问题？

这是我的 print.css ：

.header {
    display: none;
}

.page-sidebar {
    display: none;
}

.color-panel {
    display: none;
}

.hidden-print {
    display: none;
}

.footer {
    display: none;
}

.no-page-break {
    page-break-after: avoid;
}

.page-container {
    margin: 0px;
    padding: 0px;
}

.page-content {
    min-height: auto !important;
}

.breadcrumb {
    display: none;
}

Answer 1

我一直在研究并发现，当打印在列表中时我想要隐藏的下拉菜单，那么我应该使用它：

.dropdown-menu li {
display: none;
}

和隐藏链接：

a[href]:after {
content: none !important;
}

所以现在我做对了：）