是否可以使用CSS媒体查询来隐藏输入框，但在打印时显示它们的值？

Question

是否可以使用CSS媒体查询来隐藏输入框，但在打印时显示它们的值？

<input type="text" value="Print this value but not the input box."/> 

Answer 1

先给输入框透明背景和边框：

@media print { 
    input[type="text"] { 
     display: inline; 
     color: #000; 
     background: transparent; 
     border: 0; 
    } 
}