1 <!DOCTYPE html>
2 <html><head><title>CSS UI Test: propagating the root cursor to the canvas</title>
3 <link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
4 <link href="https://drafts.csswg.org/css-ui-3/#canvas_cursor" rel="help">
5 <meta content="interact image" name="flags">
6 <meta content="Test checks the cursor applied to the root element is propagated to the canvas." name="assert">
7 <style>
8 :root {
9 padding:0;
10 background:blue;
11 cursor: url(support/green.ico), pointer;
12 }
13 body {
14 margin:0;
15 }
16 p {
17 background: white;
18 cursor: default;
19 position:absolute;
20 /* the p is taken out of flow to make the html and body elements collapse to nothing,
21 leaving the whole background area empty of any element,
22 as that's what we want to hover over */ }
23 </style>
24 </head><body>
25 <p>Place the mouse cursor over the blue area. You should see a green square.
26 </p></body></html>