1 <!DOCTYPE html>
2 <html><head><title>CSS Basic User Interface Test: cursor:auto on empty space</title>
3 <link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
4 <link href="http://www.w3.org/TR/css3-ui/#cursor" rel="help">
5 <meta content="interact" name="flags">
6 <meta charset="UTF-8">
7 <meta content="The 'auto' cursor value does the same as 'text' over text." name="assert">
8 <style>
9 div {
10 width: 100px;
11 height: 100px;
12 }
13 #test {
14 cursor: url("support/cursors/fail.png"), help;
15 cursor: auto;
16 border: solid blue;
17 }
18 #ref {
19 cursor: default;
20 border: solid orange;
21 }
22 :root {
23 cursor: help; /* give the root element a different cursor so that
24 it is easy to tell if something changes when hovering the target.*/
25 }
26 </style>
27 </head><body>
28 <p>The test passes if, when inside the blue box, the cursor is the platform-dependent default cursor.</p>
29 <p>Place the cursor into the orange box for a reference of what this should look like.</p>
30 <div id="test"></div>
31 <div id="ref"></div>
32
33 </body></html>