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

Question

我在body元素中有一个自定义聚合物元素。

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

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

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

谢谢。

Answer 1

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

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

此示例适用于将块应用于自定义元素。

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;