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;
    }
}