javascript - 仅在具有布局属性的元素内应用于自定义聚合物元素的样式

Question

我在主体元素中有一个定制的聚合物元素。

如果我width : 100px向自定义元素添加样式，则不会应用它们。

但是一旦我添加vertical layout到 body 元素，规则就会被应用。

有人可以解释为什么会发生这种情况，是否有解决方法，或者我错过了什么？

谢谢你。

Answer 1

您是否将块属性添加到自定义元素？

<polymer-element name="test-element" block>

一旦您将块应用于自定义元素，此示例就可以工作。

<script src="https://www.polymer-project.org/components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="https://www.polymer-project.org/components/polymer/polymer.html">

<polymer-element name="test-element" noscript block>
  <template>
    some content inside
  </template>
</polymer-element>

<style>
  test-element {
    background-color: red;
    width: 100px;
  }
</style>


<test-element></test-element>