跨浏览器问题

Question

我的网站在Safari，Mozilla，Edge和IE上的显示方式有所不同。 在Mozilla和IE上，我的选择标记显示了不同的样式。

CSS：

.soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: 11px;
   margin: 20px;
   overflow: hidden;
   padding: 2px 6px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 180px;
   float: left;
}

我在这些浏览器上得到的是：

预期：

在Safari和Edge上， document.getElementById("id").style.display=''; 和document.getElementById("id").style.display='none'; 不被认可。

我怎样才能解决这个问题？ 任何帮助将不胜感激！