title: Is there a way to style the new input date and input time pickers found in Chrome/Edge 80
body: <p>This is the (new) native datepicker found in Chrome/Edge on desktops.</p>
  <p><a href="https://i.stack.imgur.com/DDm1m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DDm1m.png" alt="Edge Datepicker" /></a></p>
  <p>As far as I can tell it isn't respecting my OS/browser color scheme (dark/light) and it's always rendering as white. Is there way to overwrite this behaviour in CSS?</p>
  <p>Or is there a way to provide custom styles, e.g change the highlight color.</p>
  <p>Thanks for any help.</p>
  <p>P.s: I tried following the instructions given in Microsoft's <a href="https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/" rel="nofollow noreferrer">blog post</a>, but didn't get it to work (forced-color-adjust)</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>Live Example (run in Chrome/Edge)
  
  &lt;br /&gt;
  
  &lt;label&gt;force-color-adjust: auto &lt;input style="forced-color-adjust: auto;" type="date"&gt;&lt;/label&gt;
  
  &lt;br /&gt;
  
  &lt;label&gt;force-color-adjust: none &lt;input style="forced-color-adjust: none;" type="date"&gt;&lt;/label&gt;</code></pre>
  </div>
  </div>
  </p>