Входные данные печатаются без текста внутри них, но видны на экране

#html #css #text #printing #input

#HTML #css #текст #печать #ввод

Вопрос:

У меня проблема с проектом, над которым я работаю уже некоторое время. Когда я открываю запись, все входные данные содержат в себе данные. Однако, когда я перехожу к фактической печати записи (используя режим печати, CTRL P), я замечаю, что в полях select и textarea отсутствует выделенный или введенный текст на бумаге. Что здесь происходит? Я часами гуглил и не могу придумать ничего подходящего… помогите! Спасибо!

Ссылка на проект (Нажмите «Демо», чтобы создать сеанс — требуется)

Ссылка на запись (Щелкните ее после перехода по первой ссылке)

Обновление: До сих пор я просто использовал Google Chrome для тестирования печати. Однако, когда я попробовал FireFox, он напечатал нормально, есть ли что-нибудь особенное, что мне нужно сделать, чтобы заставить Chrome работать ??…

РАЗРЕШЕНИЕ: Я использую jQuery и обнаружил, что, удалив класс ui-corner-all из входных данных перед печатью, я мог бы затем печатать. В любом случае спасибо!

Комментарии:

1. ‘Missing’ — не очень хороший тег. HTML был бы более подходящим ключевым словом. Кроме того, это отлично смотрится в Firefox — вам нужно сообщить нам, какой браузер вы используете.

Ответ №1:

Если вы используете Internet Explorer, то эта ветка обсуждения может вам помочь (резюме: IE может запутаться при печати документов с неправильным оформлением). Проверьте, соответствует ли ваш тег doctype вашим выводам (средство проверки разметки w3c очень полезно)

Редактировать — Я вижу, вы используете Chrome, но я предлагаю вам все же проверить правильность оформления вашей страницы 🙂

Комментарии:

1. Я понял это, это был класс jQuery ui-corner-all, который все испортил, спасибо за помощь в любом случае!!

Ответ №2:

РАЗРЕШЕНИЕ: Я использую jQuery и обнаружил, что, удалив ui-corner-all класс из входных данных перед печатью, я мог бы затем печатать. В любом случае спасибо!