聚合物使用普通DOM,而不是阴影DOM

聚合物使用普通DOM,而不是阴影DOM,dom,polymer,shadow-dom,Dom,Polymer,Shadow Dom,在polymer中是否有一种方法可以创建组件而不使用阴影DOM 我希望组件位于普通DOM中,因此受到所有css的影响,如下所示: <my-component> <p>Some text</p> </my-component> <my-component> #shadow-root <p>Some text</p> </my-component> 一些文本 而不是像这样将其内容放

在polymer中是否有一种方法可以创建组件而不使用阴影DOM

我希望组件位于普通DOM中,因此受到所有css的影响,如下所示:

<my-component>
  <p>Some text</p>
</my-component>
<my-component>
  #shadow-root
    <p>Some text</p>
</my-component>

一些文本

而不是像这样将其内容放入阴影DOM中:

<my-component>
  <p>Some text</p>
</my-component>
<my-component>
  #shadow-root
    <p>Some text</p>
</my-component>

#影子根
一些文本


Three是启用shadow DOM(默认shady DOM)的全局设置,谢谢,但我的问题是是否有办法不使用shadow DOM。为了清楚起见,更新了问题。如果可以使用共享样式,这个问题可能会有些过时:默认情况下Polymer不使用shadow DOM。但是shady DOM polyfill/shim(默认值)将模拟shadow DOM right,因此我在head标记中包含的任何样式都不会被应用,或者?
shady
仍然是默认值(将来不会出现)但我在他们的应用程序抽屉模板中,他们明确地设置了
shadow
。是的,这可能是有道理的。我正在向一个现有的项目中添加聚合物,并使其成为一个单页应用程序,因此将从shady开始,并逐渐过渡到shadow。我认为这应该行得通。谢谢你的帮助。第三个是启用shadowdom(默认shadydom)的全局设置。谢谢,但是我的问题是是否有办法不使用shadowdom。为了清楚起见,更新了问题。如果可以使用共享样式,这个问题可能会有些过时:默认情况下Polymer不使用shadow DOM。但是shady DOM polyfill/shim(默认值)将模拟shadow DOM right,因此我在head标记中包含的任何样式都不会被应用,或者?
shady
仍然是默认值(将来不会出现)但我在他们的应用程序抽屉模板中,他们明确地设置了
shadow
。是的,这可能是有道理的。我正在向一个现有的项目中添加聚合物,并使其成为一个单页应用程序,因此将从shady开始,并逐渐过渡到shadow。我认为这应该行得通。谢谢你的帮助。