前端之家收集整理的这篇文章主要介绍了
html – 如何使用print.css使选择看起来像普通文本,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个显示这个的网页:
这背后的Html是:
目前,当打印此页面时,请批准即将显示.因为它将其打印为选择下拉列表.这是有道理的,但是我希望我可以以某种方式得到它,以便它打印时看起来像是一个正常的标签,跨度等?我在想这可能是使用print.css吗?任何人都可以告诉我如何实现这一目标吗?
最佳答案
我能想到的最简单的
方法是创建一个隐藏在选择列表旁边的screen.css中的span,当你更改选择列表中的值时,更新span的值.在print.css中
显示span并隐藏select元素
使用Javascript
HTML
CSS
print.css
.noprint { display: none; }
.noscreen { display: inline; }
screen.css
.noprint { display: inline; }
.noscreen { display: none; }
只需确保打印样式表的介质设置为打印