It seems to work if I do:
:root ::-webkit-scrollbar-track {
background-color: #595B5E;
}
:root ::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
}
:root ::-webkit-scrollbar-thumb {
background-color: #9C9D9E;
border: 1px solid #595B5E;
}
On Monday, November 14, 2016 at 11:38:03 AM UTC-8, [email protected]
wrote:
>
> Hello,
>
> In our webapp, I was doing the following:
>
> html /deep/::-webkit-scrollbar-track {
> background-color: #595B5E;
> }
> html /deep/::-webkit-scrollbar {
> width: 12px;
> background-color: #F5F5F5;
> }
> html /deep/::-webkit-scrollbar-thumb {
> background-color: #9C9D9E;
> border: 2px solid #595B5E;
> }
>
>
> However, I see that /deep/ and ::shadow are now deprecated (
> https://www.polymer-project.org/1.0/docs/devguide/styling#xscope-styling).
> How would I style the scrollbars without using these selectors?
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/dafe055d-059f-417a-8e8b-ce56eafa10c5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
