dart - 如何动态设计聚合物元素的样式

Question

我想知道是否有某种方法可以动态设置聚合物元素的样式，例如:

coba.dart

@CustomTag('hello-world')
class HelloWorld extends PolymerElement {
  HelloWorld.created() : super.created();
}

coba.html

<polymer-element name="hello-world">
  <template>
    <div class="somediv">
      <h1>hello world!</h1>
    </div>
  </template>
</polymer-element>

我想要样式.somediv ，但不使用<style>标签。我尝试在 HelloWorld 之后查询它实例化。

HelloWorld.create() : super.create() {
  var el = querySelector('.somediv');

  el.style.color = 'blue';
}

但它什么也没做。

Answer 1

您需要查询shadowRoot :

HelloWorld.create() : super.create() {
  var el = shadowRoot.querySelector('.somediv');

  el.style.color = 'blue';
}