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