backplate-bg-image-009-ref.html (901B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="stylesheet" type="text/css" href="ahem.css" /> 5 <title>Reference: Text in a non-native select object that overlaps a background image should be backplated.</title> 6 <style> 7 body { 8 font: 20px Ahem; 9 } 10 select { 11 font: 20px Ahem; 12 border: 0px; 13 /* This forces non-native styling */ 14 } 15 .std { 16 background-image: url("blue.png"); 17 height: 500px; 18 } 19 .fake-backplate { 20 background-color: white; 21 width: max-content; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="std"> 27 <span class="fake-backplate"><!-- no whitespace 28 -->ppppp<!-- no whitespace 29 --><span class="fake-backplate"><!-- no whitespace 30 --><select> 31 <option>ppppp</option> 32 </select><!-- no whitespace 33 --></span><!-- no whitespace 34 -->ppppp<!-- no whitespace 35 --></span> 36 </div> 37 </body> 38 </html>