cursor-autg-003-manual.html (1166B)
1 <!DOCTYPE html> 2 <title>CSS Basic User Interface Test: cursor:auto on non-textual links</title> 3 <link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net"> 4 <link rel="help" href="http://www.w3.org/TR/css3-ui/#cursor"> 5 <meta name="flags" content="interact"> 6 <meta charset="UTF-8"> 7 <meta name="assert" content="The 'auto' cursor value does the same as 'default' over non textual content. Links are not special."> 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 <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 </body>