css - 推特 Bootstrap : Printing select elements

Question

在 Chrome twitter bootstrap 中，select 元素会导致一个错误，看起来阴影被垂直拉伸(stretch)了。

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

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

谢谢!

Answer 1

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

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

到:

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