Chromium Code Reviews| Index: LayoutTests/fast/forms/label/hover-on-moving-mouse-checkbox-to-parent-label.html |
| diff --git a/LayoutTests/fast/forms/label/hover-on-moving-mouse-checkbox-to-parent-label.html b/LayoutTests/fast/forms/label/hover-on-moving-mouse-checkbox-to-parent-label.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..cfc649b07812232b20572c4f6d1fd4ad7bfb6300 |
| --- /dev/null |
| +++ b/LayoutTests/fast/forms/label/hover-on-moving-mouse-checkbox-to-parent-label.html |
| @@ -0,0 +1,27 @@ |
| +<!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:after { |
|
tkent
2015/05/14 05:24:00
Don't use :after for an input element.
|
| + content: 'Hovering'; |
| + top: 2em; |
| + position: relative; |
| + } |
| +</style> |
| +</head> |
| +<body onload="startTest()"> |
| +<label id="label"><input id="checkbox" type="checkbox" /> Test</label> |
| +</body> |
| +</html> |