React使用antd组件 iframe 打印及单选框无选中和样式问题

最新推荐文章于 2024-07-19 17:18:14 发布

qq_33453540

最新推荐文章于 2024-07-19 17:18:14 发布

阅读量1.1k

点赞数

分类专栏： JS HTML React 文章标签： react js css

本文链接：https://blog.csdn.net/qq_33453540/article/details/115318601

版权

本文探讨了在React应用中使用antd组件时遇到的iframe打印问题，特别是单选框未选中和样式不一致的情况。文章指出，通过调整-webkit-print-color-adjust属性可以在360极速模式和Chrome中解决部分问题，并提到了Firefox的兼容性。作者邀请读者分享其他可能的解决方案。

摘要由CSDN通过智能技术生成

// 1. 创建iframe
	let iframe = document.createElement("IFRAME");
	iframe.setAttribute("style","position:absolute;width:0;height:0;left:0;top:0;");
// 2. 获取要打印的内容
	const el = document.querySelector(`#printContent}`);
// 3. 获取内容的输入框和样式
    let head = document.getElementsByTagName("head")[0]
    let input = el.querySelectorAll("input"