How to change shadow DOM css in browsers not supporting it?

61 views
Skip to first unread message

ad...@hashworks.net

unread,
Sep 25, 2014, 7:09:14 AM9/25/14
to polym...@googlegroups.com
I know I can change the shadow DOM CSS in Chrome by using this:
paper-tab::shadow #ink  {
color: #FFF;
}

Trough this gets ignored in browsers like Firefox because they don't support this yet.
However I think it should be possible - this page mentions polyfill features like shim-shadowdom and polyfill-next-selector - how to use them? Is this something platform.js provides?

Rob Dodson

unread,
Sep 25, 2014, 11:22:10 AM9/25/14
to Justin Kromlinger, polymer-dev
You should only need `shim-shadowdom` in this instance.

ex: <link rel="stylesheet"  href="main.css" shim-shadowdom>

documentation is here

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 polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/30e73436-591b-4551-bb80-fb862c31e736%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

ad...@hashworks.net

unread,
Sep 25, 2014, 1:06:10 PM9/25/14
to polym...@googlegroups.com
Thanks!
Reply all
Reply to author
Forward
0 new messages