backplate-bg-image-008-ref.html (636B)
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>