third_party/WebKit/LayoutTests/fast/forms/select/optgroup-rendering.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5     optgroup:disabled { color: pink; }
   6     optgroup:enabled { color: green; }
   7     option:disabled { color: red; }
   8     option:enabled { color: blue; }
   9 </style>
  10 </head>
  11 <body>
  12 <form>
  13 <select size="20">
  14 <optgroup label="Enabled">
  15     <option value="listbox_e11">One</option>
  16     <option value="listbox_e12">Two</option>
  17     <option value="listbox_e13">Three</option>
  18     <option value="listbox_e14">Four</option>
  19 </optgroup>
  20 <optgroup label="Disabled" disabled>
  21     <option value="listbox_d1">One</option>
  22     <option value="listbox_d2">Two</option>
  23     <option value="listbox_d3">Three</option>
  24     <option value="listbox_d4">Four</option>
  25 </optgroup>
  26 <optgroup label="Enabled2">
  27     <option value="listbox_e21">One</option>
  28     <option value="listbox_e22" disabled>Two</option>
  29     <option value="listbox_e23" selected>Three</option>
  30     <option value="listbox_e24">Four</option>
  31 </optgroup>
  32 </select>
  33 <br />
  34 <select size="1">
  35 <optgroup label="Enabled">
  36     <option value="listbox_e1">One</option>
  37     <option value="listbox_e2">Two</option>
  38     <option value="listbox_e3">Three</option>
  39     <option value="listbox_e4">Four</option>
  40 </optgroup>
  41 <optgroup label="Disabled" disabled>
  42     <option value="menulist_d1">One</option>
  43     <option value="menulist_d2">Two</option>
  44     <option value="menulist_d3">Three</option>
  45     <option value="menulist_d4">Four</option>
  46 </optgroup>
  47 <optgroup label="Enabled2">
  48     <option value="listbox_e21">One</option>
  49     <option value="listbox_e22" disabled>Two</option>
  50     <option value="listbox_e23" selected>Three</option>
  51     <option value="listbox_e24">Four</option>
  52 </optgroup>
  53 </select>
  54 </form>
  55 </body>
  56 </html>