Question

我希望我的聚合物组件使用来自＆＃39; normal＆＃39;样式表。所以我在样式和/深/类中加入了shim-shadowdom，如下所示：

<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中也不起作用 - 链接仍然有其通常的颜色 - 没有ff和ie - 链接在那里是橙色的，但即使没有/深/或shim-shadowdom它们也是橙色。

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

聚合物版本 - 0.5.5。

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

Answer 1

您需要my-link /deep/ .mylink

修改：此外，使用<a>元素包围<template>。 确保您的元素已导入！

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

1 个答案: