| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/common.js"></script> |
| <script> |
| function startTest() { |
| var label = document.getElementById("label"); |
| var checkbox = document.getElementById("checkbox"); |
| // Move mouse to checkbox. |
| hoverOverElement(checkbox); |
| // Move mouse to text after checkbox. |
| hoverOverElement(label); |
| } |
| </script> |
| <style> |
| input[type=checkbox]:hover { |
| box-shadow: inset 5px 5px 5px rgba(0,255,0,1.0); |
| } |
| </style> |
| </head> |
| <body onload="startTest()"> |
| <label id="label"><input id="checkbox" type="checkbox" /> Test</label> |
| </body> |
| </html> |