可以在Polymer 1.x中設置iron-autogrow-textarea滾動條的樣式嗎？

Question

我曾嘗試標準造型技術以及混入（--iron-autogrow-textarea），我無法找到一種方法使用WebKit的滾動條的風格樣式此元素的滾動條（爲textarea），例如：

::-webkit-scrollbar {...} 

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

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

這可能嗎？

Answer 1

所以這是有點尷尬，但你可以深入到陰影dom滾動到滾動條。 警告： Polymer組件的陰影不保證在版本之間不會改變。因此，從鮑爾更新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風格）。

不管怎麼說，你可以使用一個iron-autogrow-textarea，而不是paper-textarea因爲它看起來像你不使用任何的「紙」款式paper-textarea。這樣，選擇器會稍微麻煩一些，因爲您不必鑽通paper-textarea和paper-input-container。