首页 > 解决方案 > 如何在阴影树深处设置样式

问题描述

我在设计深阴影树时遇到问题。我如何将一些样式应用到 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>

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

在此处输入图像描述

标签: polymer

解决方案


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


推荐阅读