css - 在 chrome 中打印预览后管理图像的 css 样式

Question

我有一个 html 页面，其中有图像、文本和两个按钮

1.print page 用于打印页面

2.隐藏/显示（切换按钮）在图像下方隐藏/显示。

页面中的图像是使用远程服务动态生成的。

在 Google-Chrome 中，当我单击隐藏/显示按钮隐藏图像并单击打印按钮时，打印预览页面出现在同一页面上。然后我取消打印页面并返回页面。然后我再次单击隐藏/显示按钮以显示图像

这里的问题是图像未显示在页面上。

使用firebuglite我发现像宽度和高度这样的内联css样式为0，因此图像没有显示在页面上。如何在打印预览后管理图像的 css 样式，此问题仅在 Chrome 中出现。请帮忙。

Answer 1

这是使用 javascript 的 CSS 浏览器选择器： http ://rafael.adm.br/css_browser_selector/ 你可以使用它，然后添加类：

.chrome #btn{
height:30px !important;
width:100px !important;
}