mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 12:15:51 +00:00
ffdb06e4b0
Set display type to block for option elements in ua.css. Enable frame-based listboxes when widget render mode is gfx.
64 lines
1.5 KiB
HTML
64 lines
1.5 KiB
HTML
<html>
|
|
<body>
|
|
<form>
|
|
<P> Side by Side listboxes <P> (left - single select, right - multiselect)
|
|
<BR>
|
|
<select name=select1 size=2>
|
|
<option>option 1</option>
|
|
<option>option 2</option>
|
|
<option selected>option 3</option>
|
|
<option>option 4</option>
|
|
<option>option 5</option>
|
|
<option>option 6</option>
|
|
<option>option 7</option>
|
|
<option>option 8</option>
|
|
</select>
|
|
<select name=select2 size=4 multiple>
|
|
<option>option 1</option>
|
|
<option>option 2</option>
|
|
<option>option 3</option>
|
|
<option>option 4</option>
|
|
<option>option 5</option>
|
|
</select>
|
|
<br>
|
|
<P> This listbox should be on a new line with now scrollbars
|
|
<BR>
|
|
<select name=select3 size=4 multiple>
|
|
<option>option 1</option>
|
|
<option>option 2</option>
|
|
</select>
|
|
<BR>
|
|
<P> This listbox has a specified width of 500px
|
|
<BR>
|
|
<select name=select4 style="width:500px;" size=2 multiple>
|
|
<option>option 1</option>
|
|
<option>option 2</option>
|
|
<option>option 3</option>
|
|
</select>
|
|
<BR>
|
|
|
|
<P> This listbox has a specified height of 100px
|
|
<BR>
|
|
<select name=select4 style="height:100px;" size=2 multiple>
|
|
<option>option 1</option>
|
|
<option>option 2</option>
|
|
<option>option 3</option>
|
|
</select>
|
|
<BR>
|
|
|
|
<P> This listbox should have 5pixel red inset borders
|
|
<P> the first option has orange text.
|
|
<P> the second option has yellow text.
|
|
<BR>
|
|
<select name=select5 style="border: 5px inset red;" size=3 multiple>
|
|
<option style="color:orange;">option 2</option>
|
|
<option style="color:yellow;">option 1</option>
|
|
<option>option 3</option>
|
|
<option>option 4</option>
|
|
</select>
|
|
<BR>
|
|
</body>
|
|
|
|
</body>
|
|
</html>
|