如何在阴影树内深入造型

Question

我有深色阴影树样式的问题。如何将一些样式应用到shadow-dom中？

我试过这里：

<link rel="import" href="../../bower_components/polymer/lib/elements/custom-style.html">
<custom-style>
  <style is="custom-style">
    vaadin-text-field [part='input-field']{
        display: none;
    }
  </style>
</custom-style>

但它不起作用。有什么建议吗？

Answer 1

我的理解是你不能看到：

modulo bias

＆＃34;模板中的HTML元素将成为自定义元素的影子DOM中的子元素。 Shadow DOM提供了一种封装机制，这意味着shadow DOM中的元素不会与shadow DOM之外的选择器匹配。＆＃34;

相反，您需要扩展web组件，使用您的样式制作它的自定义版本，链接的文档也提供相关信息。

Answer 2

你可以使用vaadin-themable-mixin来设计零件元素的样式。 但请注意，一旦主题加载，它将变为全局，因此您网站中的所有vaadin控件都由您的主题设置。 阅读更多： https://github.com/vaadin/vaadin-themable-mixin/wiki/1.-Style-Scopes