1 <!DOCTYPE html>
2 <html><head><title>CSS UI Test: not propagating the body 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 body element is not propagated to the canvas." name="assert">
7 <style>
8 :root { padding:0; background:blue;}
9 body {
10 margin:0;
11 cursor: url(support/red.ico), pointer;
12 }
13 p {
14 background: white;
15 cursor: default;
16 position:absolute;
17 /* the p is taken out of flow to make the html and body elements collapse to nothing,
18 leaving the whole background area empty of any element,
19 as that's what we want to hover over */ }
20 </style>
21 </head><body>
22 <p>Place the mouse cursor over the blue area. You should see no red.
23 </p></body></html>