Javascript 跨所有浏览器的统一选择框样式？

我正在开发一个web应用程序，它包含带有多个选择框的表单。在Firefox中，选择框始终看起来像文本输入和多选框，它们模仿用于后者的CSS样式，如下图所示：

不幸的是，在Chrome和Safari中，选择框有自己的、非常丑陋的设计，与其他输入字段不一致，从而破坏了设计：

---

是否有任何方法（使用CSS和/或JS）使用Firefox样式使选择框在所有浏览器中看起来都一样？

啊，现在我自己也找到了一个CSS/JS包：

---

它似乎比UniforMJ更积极地维护。我想我还是先用这个吧。

至少我知道如何在Firefox和Chrome之间同步选择样式。Edge很快将采用铬基，因此它将与铬/铬造型同步

使用此CSS：

/* FIREFOX FIX OF UGLY SELECT BOXES */
@supports (-moz-appearance:none) {

  SELECT
  {
  -moz-appearance:none !important;
  background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  }

}