18435 2012-07-30 05:29:47 +0000 [Shadow]: Needs consistent way to style the inner element of replaced elements. 2014-05-29 08:29:57 +0000 1 1 1 Unclassified WebAppsWG HISTORICAL - Component Model unspecified PC All RESOLVED LATER P2 normal --- 23062 1 shinyak hayato hayato mfursov tasak public-webapps-bugzilla oldest_to_newest 71651 0 shinyak 2012-07-30 05:29:47 +0000 When we add a Shadow DOM to replaced elements (e.g. img, input, iframe, etc), we would like to style the inner element of them. However, there is no standardized way to style them. For example: We can easily style an img element if it does not have an AuthorShadowDOM. img { width: 100px; height: 100px; } Then we add an AuthorShadowDOM for an img element, and let the innerHTML of the AuthorShadowRoot be "<div style='margin: 10px'><shadow></shadow></style>". Since the width of the img element is 100px, and the inner element has 10px margin. It's OK. But how do we set the width of an image itself? In WebKit implementation, we have pseudo id of such element. So we can style it anyway. However, when it comes to the spec, we should have some standardized way to style them, I believe. 77003 1 dglazkov 2012-10-23 23:08:00 +0000 This is blocked on the CSS WG work. 78132 2 dglazkov 2012-11-09 17:03:46 +0000 *** Bug 19919 has been marked as a duplicate of this bug. *** 106970 3 hayato 2014-05-29 08:29:57 +0000 Let me mark this LATER.