We should provide a mechanism to define auhtor-defined style parts akin to input element's pesudo elements in WebKit. See https://github.com/w3c/webcomponents/issues/300
<rdar://problem/22732047>
*** Bug 149442 has been marked as a duplicate of this bug. ***
Gentle ping on this bug. Here's an example of pseudo `:host::after` that works in Chrome: http://jsbin.com/duyidud/edit?html,output
(In reply to comment #3) > Gentle ping on this bug. Here's an example of pseudo `:host::after` that > works in Chrome: http://jsbin.com/duyidud/edit?html,output That’s https://bugs.webkit.org/show_bug.cgi?id=164675, which just got fixed. This bug is about adding the capability to define a custom pseudo element such as ::part(custom-part) to expose a stylable part from a component.
The spec is now at https://drafts.csswg.org/css-shadow-parts-1/ The exact syntax & semantics of forwarding hasn't been decided yet despite of the fact Blink started implementing this feature.
Please add support for this. I've created a project with a demo that looks great in Chrome: https://stevenvachon.github.io/scrolling-menu
This was enabled by default in <https://trac.webkit.org/changeset/250889>. The demo linked above works nicely too.