我想打印一个页面，其中有一个选择框，我只想显示选择框内的元素（甚至不显示选择下拉箭头） 。因此，当用户打印此页面时，他们会看到选择框中的所有元素，而不仅仅是“选择项目”文本。打印页面不显示选择框只显示选择框的元素
<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