Управлять стилем CSS для изображения после предварительного просмотра в Chrome

Question

У меня есть HTML-страница, где у нас есть изображения, текст и две кнопки

1. печать страницы для печати страницы

2.Скрыть / показать (кнопка переключения) для скрытия / показа под изображением.

Изображение на странице генерируется динамически с использованием удаленного сервиса.

В Google-Chrome Когда я нажимаю кнопку "Скрыть / Показать", чтобы скрыть изображение, и нажимаю кнопку "Печать", страница предварительного просмотра печати появляется на той же странице. Затем я отменяю печать страницы и возвращаюсь на страницу. Затем я снова нажимаю кнопку Скрыть / Показать, чтобы показать изображение

здесь проблема в том, что изображение не отображается на странице.

Используя firebuglite, я обнаружил, что встроенный стиль CSS, такой как ширина и высота для изображения, равен 0, и, следовательно, изображение не отображается на странице. Как я могу управлять стилем CSS для изображения после предварительного просмотра, и эта проблема возникает только в Chrome. Пожалуйста помоги.

Answer 1

Вот CSS Browser Selector, использующий javascript: http://rafael.adm.br/css_browser_selector/ вы можете использовать это, затем добавить класс:

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