third_party/WebKit/LayoutTests/fast/forms/label/hover-on-moving-mouse-checkbox-to-parent-label.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../resources/common.js"></script>
   5 <script>
   6 function startTest() {
   7     var label = document.getElementById("label");
   8     var checkbox = document.getElementById("checkbox");
   9     // Move mouse to checkbox.
  10     hoverOverElement(checkbox);
  11     // Move mouse to text after checkbox.
  12     hoverOverElement(label);
  13 }
  14 </script>
  15 <style>
  16 input[type=checkbox]:hover {
  17     box-shadow: inset 5px 5px 5px rgba(0,255,0,1.0);
  18 }
  19 </style>
  20 </head>
  21 <body onload="startTest()">
  22 <label id="label"><input id="checkbox" type="checkbox" /> Test</label>
  23 </body>
  24 </html>