css - 如何在 Polymer 1.0 中设置 paper-textarea 的宽度？

Question

有人知道如何设置 paper-textarea 的宽度吗？在 Polymer 1.0 样式标签中使用 CSS 选择器似乎不起作用。 paper-textarea 元素由paper-input-container 组成。所以我尝试执行以下操作:

<style>
  paper-textarea + paper-input-container {
    min-width: 324px;
    width: 324px;
    margin-right: 24px;
  }
  paper-textarea > paper-input-container {
    min-width: 324px;
    width: 324px;
    margin-right: 24px;
  }
  paper-textarea paper-input-container {
    min-width: 324px;
    width: 324px;
    margin-right: 24px;
  }
</style>

上面的 CSS 选择器在我的自定义元素中都不起作用。

Answer 1

<style>
    :root {
        --paper-input-container: {
            min-width: 324px;
            width: 324px;
            margin-right: 24px;
        };
    }
</style>

会成功的。它会将使用 paper-input 容器(如 paper 文本区域)的每个聚合物元素设置为上述宽度和边距。