layout/reftests/forms/display-block-baselines-5.html

   1 <!DOCTYPE HTML>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html><head>
   7   <meta charset="utf-8">
   8   <title>Testcase #5 for bug 1330962</title>
   9   <style type="text/css">
  10 html,body {
  11   color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
  12 }
  13 * { font:16px/1 monospace; }
  14
  15 .block { display: block; }
  16 .grid { display: grid; }
  17
  18 .no-theme {
  19      -moz-appearance: none;
  20   -webkit-appearance: none;
  21           appearance: none;
  22   padding: 20px 0;
  23   border: none;
  24   background: white;
  25 }
  26
  27 .scroll {
  28   overflow-y: scroll;
  29 }
  30
  31 .no-scroll {
  32   overflow: visible;
  33 }
  34
  35   </style>
  36 </head>
  37 <body>
  38
  39 <div>
  40   <div style="display:inline-block">
  41     A
  42     <input type="color" class="block">
  43   </div>
  44   B
  45 </div>
  46
  47 <div>
  48   <div style="display:inline-block">
  49     A
  50     <input type="color" class="block no-theme">
  51   </div>
  52   B
  53 </div>
  54
  55 <div>
  56   <div style="display:inline-block">
  57     A
  58     <select class="block"><option>select</select>
  59   </div>
  60   B
  61 </div>
  62
  63 <div>
  64   <div style="display:inline-block">
  65     A
  66     <select class="block no-theme"><option>select</select>
  67   </div>
  68   B
  69 </div>
  70
  71 </body>
  72 </html>