隱藏框但顯示內容的HTML輸入樣式

我在HTML中有一個表單，我們的用戶填寫數據並打印出來。數據不會保存在任何地方。這些表單來自我們公司外部，並且構建爲html頁面以儘可能接近原始文件，然後將其填充並遺忘在Intranet上的文件夾中。通常情況下，另一個開發者會這樣做，但是他不在的時候我需要做幾個。仔細查看他的代碼，他的所有表單都有一堆服務器端代碼來接收輸入，並只用內容重新編寫頁面。似乎應該有更好的方法。隱藏框但顯示內容的HTML輸入樣式

我想使用媒體選擇器來設置文本輸入的樣式，以便在打印時可以看到文本，但沒有任何圍繞它的框。有什麼想法嗎？

來源

2008-09-29 Joel Coehoorn

通過添加一個單獨的CSS文件進行打印做這樣的事情：

<link rel="stylsheet" type="text/css" media="print" href="print.css">

將其添加到頁面的<head>部分。

在這個（print.css）文件包含有關您希望看到的是打印的頁面時，例如什麼造型：打印時

input{border: 0px}應隱藏的輸入框的邊框。

來源

2008-09-29 20:38:55 Maciej

<input type="text" style="border: 0; background-color: #fff;" />

哪裏#FFF是你的背景顏色..

來源

2008-09-29 20:33:35 Wayne

假設你只是想刪除文本邊框和這樣的，你需要給他們一個班。也許是這樣的：

<input type="text" class="print-clean" .../>

和CSS，裝載有媒體= 「打印」：

<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />

將包含這樣的事情：

.print-clean { 
    border: none; 
    background: transparent; 
}

來源

2008-09-29 20:36:50

隱藏框但顯示內容的HTML輸入樣式

回答

相關問題