layout/reftests/high-contrast/backplate-bg-image-008-ref.html

   1 <!DOCTYPE html>
   2 <link rel="stylesheet" href="ahem.css">
   3 <title>Reference: Text in a native select object that overlaps a background image should be backplated.</title>
   4 <style>
   5 body, select {
   6   font: 20px Ahem;
   7 }
   8 .std {
   9   background-image: url("blue.png");
  10   height: 500px;
  11 }
  12 .fake-backplate {
  13   background-color: white;
  14   width: max-content;
  15 }
  16 </style>
  17 <div class="std">
  18 <span class="fake-backplate"><!-- no whitespace
  19 -->ppppp<!-- no whitespace
  20 --><span class="fake-backplate"><!-- no whitespace
  21 --><select>
  22   <option>ppppp</option>
  23 </select><!-- no whitespace
  24 --></span><!-- no whitespace
  25 -->ppppp<!-- no whitespace
  26 --></span>
  27 </div>