【问题标题】:Twitter Bootstrap: Printing select elementsTwitter Bootstrap:打印选择元素
【发布时间】:2026-01-09 16:40:01
【问题描述】:

在 Chrome twitter 引导程序中,选择元素会导致一个错误,即阴影看起来像垂直拉伸。

该图像来自 Twitter Bootstrap 站点本身,因此它看起来像是框架的一个错误(尽管我在 github 存储库中看到了 cmets,他们不太关心打印问题)。我尝试将所有效果类设置为无,但这似乎并没有消除故障。

我仍然需要 Bootstrap 的布局,但我想我可以制作一个没有表单样式的自定义打印版本,但我希望有一个快速修复。

谢谢!

【问题讨论】:

  • 只是推测:你只是在 Mac 上遇到这个问题吗?
  • 在我的 chrome 最新版上看不到任何问题
  • 使用 Bootstrap 和最新版本的 Chrome 也遇到了这个问题。这不是一个真正的解决方案,但最终将选定的值绑定到另一个元素并应用 CSS 样式以仅在屏幕上显示选择并在打印上显示另一个元素。

标签: css forms twitter-bootstrap printing


【解决方案1】:

我遇到了同样的问题,只是重写了这个 css 规则:

@media print {
    * { background: transparent !important; }
}

到:

@media print {
    select { background: #fff !important; }
}

【讨论】: