對打印樣式表問題

Question

我想做的事情，我不認爲這是可能的，但我問反正=>

首先 - 當打印爲我的網頁，可以得到圖像重或至少幾個像樣的，我不顯示圖像大小的圖像，會吃墨水。所以有可能不顯示圖像，而是顯示圖像的ALT文本，以便用戶知道圖像是什麼。

二 - 當用戶打印的形式，它是作爲形式風格有點難看。有沒有辦法改變輸入，只顯示輸入的文本，沒有其他的東西。

也有同樣的問題，這個〜Print Stylesheet - Converting inputs to text〜我明白，這可以使用jQuery做，但有一個CSS唯一方法來實現這一目標？

謝謝！

編輯 - 我想通了，我的第二個問題。我使表單邊框和背景爲白色以匹配頁面。換句話說，它隱藏並只顯示文本。 =>

Answer 1

是的，有。它被稱爲@media，並在主流瀏覽器中受到支持一段時間。

所以，讓我們說，你有這樣的事情：

<img class="no-print" src="image" /><span class="print">Image Label</span> 

你的樣式表可能是這樣的：

<stye> 
    .print {display: none;} // only to be displayed when this is being printed so the default is to not display 
    @media print { 
     .print {display: inline} 
     .no-print {display: none} 
    } 
</style>