是否可以在Polymer 1.x中设置iron-autogrow-textarea滚动条的样式？

Question

我尝试过标准样式技术以及mixins（--iron-autogrow-textarea），我找不到使用webkit-scrollbar样式为此元素设置滚动条样式（对于textarea）的方法，例如：

::-webkit-scrollbar {...}

::-webkit-scrollbar-track {...}

::-webkit-scrollbar-thumb {...}

这可能吗？

Answer 1

所以这有点尴尬，但你可以向下钻取paper-textarea影子dom来到达那个滚动条。 警告：不保证聚合物组件的阴影dom在版本之间不会更改。因此，从凉亭更新paper-textarea可能会破坏这一点。

paper-textarea/deep/ paper-input-container/deep/ iron-autogrow-textarea/deep/ div textarea::-webkit-scrollbar{
  background-color: blue;
  width: 100px;
}

Demo Here (type in a few lines in the paper textarea)

修改 评论中的重点。 / deep /正在消失所以这可以保证在将来中断。我不清楚如何在没有专门用于滚动条的mixin的情况下如何设置样式（这似乎不太可能因为它只是一个webkit-only样式）。

无论如何，您可以使用iron-autogrow-textarea代替paper-textarea，因为您似乎没有使用paper-textarea中的任何“纸张”样式。这样选择器就会有点麻烦，因为你不必钻取paper-textarea和paper-input-container。