Вопросы по стилям печати пар - PullRequest
Новая
       18

Вопросы по стилям печати пар

0 голосов
/ 19 июля 2011

Что я хочу сделать, я не думаю, что это возможно, но я все равно спрашиваю =>

Во-первых, я не отображаю изображения при печати, так как на моих страницах могут быть изображения слишком большого размера или, по крайней мере, пара изображений приличного размера, которые могут съесть чернила. Таким образом, возможно ли не отображать изображения, но отображать ALT-текст изображения, чтобы пользователь знал, каким было изображение.

Второе - когда пользователь печатает форму, это довольно уродливо, так как формы стилизованы. Есть ли способ изменить вход для отображения только текста входов и ничего больше.

Есть похожий вопрос к этому ~ Print Stylesheet - Преобразование входных данных в текст ~ Я понимаю, что это можно сделать с помощью jQuery, но есть ли способ CSS Only для достижения этой цели?

Спасибо!

РЕДАКТИРОВАТЬ - Я понял свой второй вопрос. Я сделал границы формы и фон белым, чтобы соответствовать странице. Другими словами, он скрывает и показывает только текст. =>

1 Ответ

2 голосов
/ 19 июля 2011

Да, есть. Он называется @media и некоторое время поддерживается в основных браузерах.

Итак, допустим, у вас было что-то вроде: 

<img class="no-print" src="image" /><span class="print">Image Label</span>

Ваша таблица стилей может выглядеть примерно так: 

<stye>
   .print {display: none;} // only to be displayed when this is being printed so the default is to not display
   @media print {
      .print {display: inline}
      .no-print {display: none}
   }
</style>
...