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

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