javascript - 使用 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;
}

所以现在我做对了:)