OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <script src="resources/polyfill.js"></script> | |
5 <style> | 4 <style> |
6 /* We have to write this for now. Please see Bug 92455. */ | 5 /* We have to write this for now. Please see Bug 92455. */ |
7 meter::-webkit-meter-inner-element { | 6 meter::-webkit-meter-inner-element { |
8 -webkit-appearance: meter; | 7 -webkit-appearance: meter; |
9 } | 8 } |
10 </style> | 9 </style> |
11 | 10 |
12 <div id="container"> | 11 <div id="container"> |
13 <meter id="host" min="0" max="100" value="50"></meter> | 12 <meter id="host" min="0" max="100" value="50"></meter> |
14 </div> | 13 </div> |
15 | 14 |
16 <script> | 15 <script> |
17 if (window.internals) | 16 if (window.internals) |
18 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); | 17 internals.settings.setAuthorShadowDOMForAnyElementEnabled(true); |
19 | 18 |
20 var shadowRoot = host.webkitCreateShadowRoot(); | 19 var shadowRoot = host.webkitCreateShadowRoot(); |
21 shadowRoot.innerHTML = "<shadow></shadow><span>(after)</span>"; | 20 shadowRoot.innerHTML = "<shadow></shadow><span>(after)</span>"; |
22 | 21 |
23 var younger = host.webkitCreateShadowRoot(); | 22 var younger = host.webkitCreateShadowRoot(); |
24 younger.innerHTML = "<div style='margin: 0 10px 0 10px; height: 1em; width: 5em;
'><shadow></shadow></div>"; | 23 younger.innerHTML = "<div style='margin: 0 10px 0 10px; height: 1em; width: 5em;
'><shadow></shadow></div>"; |
25 </script> | 24 </script> |
26 | 25 |
27 </body> | 26 </body> |
28 </html> | 27 </html> |
OLD | NEW |