<!-- zoom -->
<select style="zoom: 1.5;"><option>foo</option></select>
<select style="zoom: 2;"><option>foo</option></select> <br>
+
+<!-- multiple - on platforms that use menulist rendering for <select multiple> tags -->
+<select multiple="multiple" style="width: 200px; height: 25px;">
+ <option>Item 1</option>
+ <option>Item 2</option>
+ <option>Item 3</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+ <option>Item 1</option>
+ <option selected="selected">Item 2</option>
+ <option>Item 3</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+ <option>Item 1</option>
+ <option selected="selected">Item 2</option>
+ <option selected="selected">Item 3</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+ <option selected="selected">Item 0.1</option>
+ <optgroup label="Group 1">
+ <option>Item 1.1</option>
+ <option>Item 1.2</option>
+ <option>Item 1.3</option>
+ </optgroup>
+ <optgroup label="Group 2">
+ <option>Item 2.1</option>
+ <option>Item 2.2</option>
+ <option selected="selected">Item 2.3</option>
+ </optgroup>
+ <optgroup label="Group 3">
+ <option selected="selected">Item 3.1</option>
+ <option>Item 3.2</option>
+ <option selected="selected">Item 3.3</option>
+ </optgroup>
+ <optgroup label="Group 4">
+ <option>Item 4.1</option>
+ <option selected="selected">Item 4.2</option>
+ <option>Item 4.3</option>
+ </optgroup>
+ <optgroup label="Group 5">
+ <option selected="selected">Item 5.1</option>
+ <option>Item 5.2</option>
+ <option>Item 5.3</option>
+ </optgroup>
+ <option selected="selected">Item 0.2</option>
+</select>
+<br>
+
+<select multiple="multiple" style="width: 200px; height: 25px;">
+<script type="text/javascript">
+for (var i = 0; i < 1234; ++i) {
+ document.writeln(" <option selected='selected'>Item " + (i + 1) + "</option>");
+}
+</script>
+</select>
+
</body>