css-hover-shadow-dom.html 573 B

1234567891011121314151617181920212223
  1. <style>
  2. #myShadowHost:hover {
  3. background: green;
  4. }
  5. #myShadowHost {
  6. position: absolute;
  7. width: 100px;
  8. height: 100px;
  9. }
  10. </style>
  11. <body><div id="myShadowHost"><template shadowrootmode="open"><div>hover me</div></template></div></body>
  12. <script src="../include.js"></script>
  13. <script>
  14. test(() => {
  15. if (window.internals && window.internals.movePointerTo)
  16. internals.movePointerTo(50, 50);
  17. let s = getComputedStyle(myShadowHost);
  18. println("hovered bg: " + s.backgroundColor);
  19. myShadowHost.remove();
  20. });
  21. </script>