<!DOCTYPE HTML> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <html><head> <meta charset="utf-8"> <title>Testcase #5 for bug 1330962</title> <style type="text/css"> html,body { color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; } * { font:16px/1 monospace; } .block { display: block; } .grid { display: grid; } .no-theme { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 20px 0; border: none; background: white; } .scroll { overflow-y: scroll; } .no-scroll { overflow: visible; } </style> </head> <body> <div> <div style="display:inline-block"> A <input type="color" class="block"> </div> B </div> <div> <div style="display:inline-block"> A <input type="color" class="block no-theme"> </div> B </div> <div> <div style="display:inline-block"> A <select class="block"><option>select</select> </div> B </div> <div> <div style="display:inline-block"> A <select class="block no-theme"><option>select</select> </div> B </div> </body> </html>