我想打印一個頁面，其中有一個選擇框，我只想顯示選擇框內的元素（甚至不顯示選擇下拉箭頭） 。因此，當用戶打印此頁面時，他們會看到選擇框中的所有元素，而不僅僅是「選擇項目」文本。打印頁面不顯示選擇框只顯示選擇框的元素
<html>
<head></head>
<body>
<select> <option selected> Select item </option>
<option value="1" > 10 </option>
<option value="2"> 20 </option>
<option value="3"> 30 </option>
<option value="4"> 40 </option>
</select>
</body>
</html>
在div中有一個精確的重複項，並確保它是隱藏的。例如
<div class="printselector" style="display:none">10,20,30,40</div>
然後在您的打印樣式表中，確保顯示此選項並將其隱藏起來。
因此，完成的html看起來像這樣。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
<style type="text/css">
.myselector { display: block}
</style>
</head>
<body>
<select class="myselector"> <option selected> Select item </option>
<option value="1" > 10 </option>
<option value="2"> 20 </option>
<option value="3"> 30 </option>
<option value="4"> 40 </option>
</select>
<div class="printselector" style="display:none">10,20,30,40</div>
</body>
</html>
與下面的代碼單獨print.css文件：
.printselector { display:block !important; }
.myselector { display:none !important; }
使用我的代碼向我顯示此示例 – Tech4Way
我編輯了我的答案以向您顯示完整答案。我已經驗證了這一點在鉻中工作。 –
您的要求不明確下面的鏈接，具體並通過程序如何發佈問題。 – Subhajit
現在看到我的問題...................... – Tech4Way
你能詳細解釋一下你的需求嗎？我希望我錯誤地理解你，我刪除了我的答案。 – Subhajit