Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 样式(css)不适用于阴影DOM内的React应用程序_Reactjs_Webpack_Google Chrome Extension_Shadow Dom - Fatal编程技术网

Reactjs 样式(css)不适用于阴影DOM内的React应用程序

Reactjs 样式(css)不适用于阴影DOM内的React应用程序,reactjs,webpack,google-chrome-extension,shadow-dom,Reactjs,Webpack,Google Chrome Extension,Shadow Dom,我正在使用react开发一个chrome扩展。我将react应用程序注入到一个影子主机中,这样扩展就不会干扰网站的DOM。React应用程序工作正常,但未应用样式。我曾经把react注入阴影DOM。在屏幕截图中,您可以看到样式标记在阴影DOM中呈现,但样式仍不适用: 无法从ShadowDOM内部设置宿主父元素的样式。您只能使用:host{…}选择器设置主机本身的样式。我想设置内部组件的样式。我试过这样做,你不能从ShadowDOM内部设置宿主父元素的样式。您只能使用:host{…}选择器设置主机

我正在使用react开发一个chrome扩展。我将react应用程序注入到一个影子主机中,这样扩展就不会干扰网站的DOM。React应用程序工作正常,但未应用样式。我曾经把react注入阴影DOM。在屏幕截图中,您可以看到样式标记在阴影DOM中呈现,但样式仍不适用:


无法从ShadowDOM内部设置宿主父元素的样式。您只能使用
:host{…}
选择器设置主机本身的样式。我想设置内部组件的样式。我试过这样做,你不能从ShadowDOM内部设置宿主父元素的样式。您只能使用
:host{…}
选择器设置主机本身的样式。我想设置内部组件的样式。我试过这样做