2014-01-31 6 views
7

Есть ли способ скрыть текст заполнителя ввода в таблице стилей печати. У меня есть форма, которая может быть напечатана и отправлена ​​по факсу/отправлена ​​по почте. Я не знаю, почему кто-то хочет это сделать, но этого хочет клиент. Таким образом, текст-заполнитель находится на печатном документе.CSS hide placeholder on print

ответ

15

Взятые из принятого ответа здесь: Removing input placeholder on a printable version of an html page

Вы можете использовать запрос печатных СМИ, чтобы изменить цвет текста прозрачный. Он не «удаляет» текст, но делает его невидимым, поэтому тот же результат ...

@media print { 
    ::-webkit-input-placeholder { /* WebKit browsers */ 
     color: transparent; 
    } 
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
     color: transparent; 
    } 
    ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
     color: transparent; 
    } 
    :-ms-input-placeholder { /* Internet Explorer 10+ */ 
     color: transparent; 
    } 
} 
+0

Не забывайте «text-shadow: none;», если применимо. –