src/third_party/WebKit/LayoutTests/fast/forms/select/menulist-appearance-basic.html

   1 <!DOCTYPE html>
   2 <body>
   3 <style>
   4 select {
   5     margin: 4px;
   6 }
   7 </style>
   8
   9 <!-- no style for reference -->
  10 <select><option>foo</option></select> <br>
  11
  12 <!-- border -->
  13 <select style="border: 3px solid lime;"><option>foo</option></select>
  14 <select style="border-radius: 6px;"><option>foo</option></select> <br>
  15
  16 <!-- background -->
  17 <select style="background: linear-gradient(to bottom, #dea 0%,#9c7 44%,#494 100%);"><option>foo</option></select> <br>
  18
  19 <!-- shadow -->
  20 <select style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4px 4px rgba(0,255,0,0.5);"><option>foo</option></select> <br>
  21
  22 <!-- font-size -->
  23 <select style="font-size: 16px;"><option>foo</option></select>
  24 <select style="font-size: 20px;"><option>foo</option></select>
  25 <select style="font-size: 24px;"><option>foo</option></select> <br>
  26
  27 <!-- zoom -->
  28 <select style="zoom: 1.5;"><option>foo</option></select>
  29 <select style="zoom: 2;"><option>foo</option></select> <br>
  30 </body>