Separator in dropdown list in HTML5

[dipanjan80]

Hi,
I want a separator in my dropdown list.
My code goes like this....

Code: Select all

Option 1:
<select>
   <option>a</option>
<hr>
   <option>b</option>
   <option>c</option>
   <option>d</option>
</select>


But this is not being supported on HTML5.
I am using Mac. It was working fine on Snow Leopard OS, but in LION the separator is not coming at all.

Snow Leopard Screenshot

Screen shot 2011-11-21 at 4.57.56 PM.png (17.93 KiB) Viewed 8761 times

LION Screenshot

Screen Shot 2011-11-21 at 4.55.54 PM.png (19.3 KiB) Viewed 8761 times

[JAB Creations]

You should use the optgroup element as a parent to option elements. I haven't used it myself so I'm not sure if you can apply the border or outline properties to it; if not then I would recommend pushing for that instead of mixing elements by non-applicable context.

[zcorpan]

Which browser (and version) did you use for the screenshots?