html - 是否可以使用 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;
    }
}