如何将第 css 页应用于聚合物组件

Question

我希望我的聚合物组件使用 'normal' 样式表中的样式。所以我在样式中添加了 shim-shadowdom，在 class 中添加了 /deep/，如下所示：

<html>
  <head>
    <style shim-shadowdom>
      .mylink /deep/  {color: orange;}
    <style>
  </head>
  <body>
    <my-link></my-link>
  </body>
</html>

然后是组件：

<polymer-element name="my-link">
   <a class="mylink" href="#">xxx</a>
</polymer-element>

但这在 chrome 中都不起作用 - link 仍然具有其通常的颜色 - 在 ff 和 ie 中没有 - link 在那里是橙色的，但它们即使没有 /deep/ 或 shim-shadowdom 也是橙色的。

问题 - 我在这里做错了什么？

聚合物版本 - 0.5.5。

PS：除了造型，聚合物按预期工作 - 所有组件都显示出来，ajax 发送它的请求等等。

Answer 1

您将需要 my-link /deep/ .mylink

编辑：另外，用 <template> 元素包围 <a>。 确保您的元素已导入！

如何将第 css 页应用于聚合物组件

How to apply page css to a polymer component

html

css

polymer