| 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 |