blob: d582d527e683f5d6ad87621ea805f08f91fa9de0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
|
<!DOCTYPE html>
<style>
::-webkit-meter-bar { background: green }
</style>
<p>You should see a green, a default styled, and a blue meter below.</p>
<div><meter></meter></div>
<div id="host1"></div>
<div id="host2"></div>
<script>
host1.createShadowRoot().innerHTML = "<meter></meter>";
host2.createShadowRoot().innerHTML = "<style>::-webkit-meter-bar { background: blue }</style><meter></meter>";
</script>
|