OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <style> | 3 <style> |
4 select { | 4 select { |
5 margin: 4px; | 5 margin: 4px; |
6 } | 6 } |
7 .wrapper { | 7 .wrapper { |
8 background: #dbb102; | 8 background: #dbb102; |
9 padding: 8px; | 9 padding: 8px; |
10 display: inline-block; | 10 display: inline-block; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
44 | 44 |
45 <!-- font --> | 45 <!-- font --> |
46 <select style="font-size: 16px;"><option>foo</option></select> | 46 <select style="font-size: 16px;"><option>foo</option></select> |
47 <select style="font-size: 20px;"><option>foo</option></select> | 47 <select style="font-size: 20px;"><option>foo</option></select> |
48 <select style="font-size: 24px;"><option>foo</option></select> | 48 <select style="font-size: 24px;"><option>foo</option></select> |
49 <select style="-webkit-appearance:menulist-button; font-weight:bold"><option>Sep
tember 2016</option></select> | 49 <select style="-webkit-appearance:menulist-button; font-weight:bold"><option>Sep
tember 2016</option></select> |
50 <br> | 50 <br> |
51 | 51 |
52 <!-- zoom --> | 52 <!-- zoom --> |
53 <select style="zoom: 1.5;"><option>foo</option></select> | 53 <select style="zoom: 1.5;"><option>foo</option></select> |
54 <select style="zoom: 2;"><option>foo</option></select> <br> | 54 <select style="zoom: 2;"><option>foo</option></select> |
| 55 <select style="zoom: 0.5;"><option>foo</option></select> |
| 56 <br> |
55 | 57 |
56 <!-- multiple - on platforms that use menulist rendering for <select multiple> t
ags --> | 58 <!-- multiple - on platforms that use menulist rendering for <select multiple> t
ags --> |
57 <select multiple="multiple" style="width: 200px; height: 25px;"> | 59 <select multiple="multiple" style="width: 200px; height: 25px;"> |
58 <option>Item 1</option> | 60 <option>Item 1</option> |
59 <option>Item 2</option> | 61 <option>Item 2</option> |
60 <option>Item 3</option> | 62 <option>Item 3</option> |
61 </select> | 63 </select> |
62 <br> | 64 <br> |
63 | 65 |
64 <select multiple="multiple" style="width: 200px; height: 25px;"> | 66 <select multiple="multiple" style="width: 200px; height: 25px;"> |
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
119 <select style="width:60px"><option>Month</option></select> | 121 <select style="width:60px"><option>Month</option></select> |
120 <br> | 122 <br> |
121 <!-- Test RTL menulist without and with border --> | 123 <!-- Test RTL menulist without and with border --> |
122 <select style="direction:rtl;"><option>foo</option></select> | 124 <select style="direction:rtl;"><option>foo</option></select> |
123 <select style="border: 3px solid lime; direction:rtl;"><option>foo</option></sel
ect> | 125 <select style="border: 3px solid lime; direction:rtl;"><option>foo</option></sel
ect> |
124 <select style="border: 8px solid lime; direction:rtl;"><option>foo</option></sel
ect> | 126 <select style="border: 8px solid lime; direction:rtl;"><option>foo</option></sel
ect> |
125 <select style="border-radius: 6px; direction:rtl;"><option>foo</option></select> | 127 <select style="border-radius: 6px; direction:rtl;"><option>foo</option></select> |
126 <br> | 128 <br> |
127 | 129 |
128 </body> | 130 </body> |
OLD | NEW |