select-4-option-optgroup-display-none.html (1841B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>CSS Test: display:none on OPTION and OPTGROUP</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-none"> 11 <link rel="match" href="select-4-option-optgroup-display-none-ref.html"> 12 <style> 13 14 .none { display:none; } 15 .contents { display:contents; } 16 .red { color: red; } 17 .green { color: green; } 18 19 select { -webkit-appearance: none; } 20 21 </style> 22 </head> 23 <body> 24 25 <pre>FAIL if there is any red color</pre> 26 27 <option class="none red">text</option> 28 <optgroup class="none red">text</optgroup> 29 30 <optgroup class="none red"><option>option</option></optgroup> 31 <optgroup><option class="none red">option</option></optgroup> 32 <optgroup class="contents red"><option class="none">option</option></optgroup> 33 <optgroup class="contents green" label="optgroup"><option class="none red">option</option></optgroup> 34 <optgroup class="none red" label="optgroup"><option class="red">option</option></optgroup> 35 36 <br> 37 38 <select class="red" size="4">select</select> 39 <select size="4" class="red"><optgroup class="none" label="optgroup"></select> 40 <select size="4" class="red"><option class="none">option</select> 41 <select size="4" class="red"><optgroup><option class="none">option</select> 42 <select size="4"><optgroup class="none"><option class="green">option</select> 43 <select size="4" class="red"><optgroup class="none green" label="optgroup"><option>option</select> 44 <select size="4" class="red"><optgroup class="none"><option class="none">option</select> 45 <select size="4" class="red"><optgroup class="none green" label="optgroup"><option class="none">option</select> 46 47 </body> 48 </html>