layout/reftests/forms/select/padding-button-placement.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   5     </head>
   6     <body>
   7         <!-- The div's border should hide the select's button -->
   8         <!-- z-index:1 works around an unrelated bug in B2G -->
   9         <div style="position:absolute; z-index:1; box-sizing:border-box; width:402px; height:202px; border-right:50px solid black;"></div>
  10         <div><select style="background:transparent; border-radius:0; box-sizing:content-box; padding:50px; width:300px; height:100px; border:1px solid black; direction:ltr"></select></div>
  11
  12         <div style="position:absolute; z-index:1; box-sizing:border-box; width:402px; height:202px; border-left:50px solid black;"></div>
  13         <div><select style="background:transparent; border-radius:0; box-sizing:content-box; padding:50px; width:300px; height:100px; border:1px solid black; direction:rtl"></select></div>
  14     </body>
  15 </html>