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

Question

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

1.打印页面的打印页面

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;
}