select-cursor-001-manual.html (1386B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test (User Interface): cursor property and select element</title> 6 <link rel="author" title="Chris Rebert" href="http://chrisrebert.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-ui-3/#cursor"> 8 <link rel="help" href="https://drafts.csswg.org/css2/ui.html#cursor-props"> 9 <meta name="flags" content="HTMLonly interact"> 10 <meta name="assert" content="Hovering the pointer over a select menu on top of an element with a cursor set should not display said cursor"> 11 <style> 12 div { 13 cursor: help; 14 height: 200px; 15 width: 200px; 16 background-color: blue; 17 } 18 </style> 19 </head> 20 <body> 21 <ol> 22 <li>If clicking a <select> opens a native widget which is modal, then SKIP this test.</li> 23 <li>Click on the <select> below. A selection widget appears.</li> 24 <li>Move the pointer so that it is hovering within the intersection area of the selection widget and the blue box below.</li> 25 <li>If the "help" cursor is displayed, then the test result is FAILED. Otherwise, it is PASSED.</li> 26 </ol> 27 <select> 28 <option>AAAAAAAA</option> 29 <option>BBBBBBBB</option> 30 <option>CCCCCCCC</option> 31 <option>DDDDDDDD</option> 32 <option>EEEEEEEE</option> 33 <option>FFFFFFFF</option> 34 <option>GGGGGGGG</option> 35 <option>HHHHHHHH</option> 36 </select> 37 <div></div> 38 </body> 39 </html>