| <!doctype html> |
| <title>CSS UI Test: propagating the root cursor to the canvas</title> |
| <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> |
| <link rel="help" href="https://drafts.csswg.org/css-ui-3/#canvas_cursor"> |
| <meta name="flags" content="interact image"> |
| <meta name="assert" content="Test checks the cursor applied to the root element is propagated to the canvas."> |
| <style> |
| :root { |
| padding:0; |
| background:blue; |
| cursor: url(support/green.ico), pointer; |
| } |
| body { |
| margin:0; |
| } |
| p { |
| background: white; |
| cursor: default; |
| position:absolute; |
| /* the p is taken out of flow to make the html and body elements collapse to nothing, |
| leaving the whole background area empty of any element, |
| as that's what we want to hover over */ } |
| </style> |
| <body> |
| <p>Place the mouse cursor over the blue area. You should see a green square. |