html - 如何隔离css?
问题描述
我有一个正在开发的项目,它将类似于小工具或小部件,用于将其加载到其他网站。它不会是 Iframe ,但是当我将它作为小部件加载到其他网站时,会出现很多CSS冲突。我搜索了解决方案并找到了 ShadowDOM。我试过它来解决问题!但没有用!
如果您能帮助我解决这个问题,我将不胜感激。
<div id="%REACT_APP_ROOT_ID%" data-plugin="%PLUGIN_ID"></div>
<script>
const widget = document.getElementById('rcroot');
widget.attachShadow({ mode: 'open' });
widget.shadowRoot.innerHTML = widget.innerHTML;
widget.innerHTML = '';
</script>
<div>
解决方案
推荐阅读
- c# - 在实体框架中查询,在include中选择语句
- sql-server - 当我在可用性组上配置分布式时遇到问题
- android - 单击 Fcm 通知时打开深层链接 url
- python - 如何从控制面板的程序文件中找不到的windows中删除python
- java - http请求的servlet-container和dispatcher servlet的顺序是什么?
- java - 删除旧项目后,Spring Tool Suite 在浏览器中不显示新项目
- powershell - 如何组合来自一个 PowerShell 数组和一个 Powershell 对象的项目并生成第三个 PowerShell 对象?
- angular - 我需要创建效果,该效果将在时间间隔内使用 refresh-token 刷新访问令牌
- c# - 如果请求未经授权,如何返回值而不是状态?
- spring-boot - 如何使用zuul过滤器在post请求中发送请求数据