1 <!DOCTYPE html>
2 <html><head><title>CSS Basic User Interface Test: cursor:auto on non-textual links</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 'default' over non textual content. Links are not special." name="assert">
8 <style>
9 a {
10 cursor: url("support/cursors/fail.png"), help; /* Override UA styles, regardless of specificity */
11 cursor: auto !important; /* Override UA styles, regardless of specificity */
12 }
13 #ref {
14 cursor: default;
15 width: 100px;
16 height: 100px;
17 border: solid orange;
18 }
19 :root {
20 cursor: help; /* give the root element a different cursor so that
21 it is easy to tell if something changes when hovering the target.*/
22 }
23 </style>
24 </head><body>
25 <p>The test passes if, when moved over the image below, the cursor is the platform-dependent default cursor.</p>
26 <p>Place the cursor into the orange box for a reference of what this should look like.</p>
27 <a href="#"><img src="support/cursors/woolly-64.png"></a>
28 <div id="ref"></div>
29
30 </body></html>