交叉浏览的问题

Question

我的网站在Safari，Mozilla，Edge和IE上的显示方式不同。 在Mozilla和IE上，我的select标签显示了不同的风格。

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';无法识别。

我该如何解决这个问题？ 任何帮助都会得到帮助！