Css IE11-png透明部分的边框

Css IE11-png透明部分的边框,css,internet-explorer,internet-explorer-11,Css,Internet Explorer,Internet Explorer 11,我正在使用css为下拉菜单设置图像,但在IE11中,它显示了图像透明部分周围的边框 css代码如下所示 #select-id:after { content: ''; position: absolute; background: url(../images/dropdown-icon.png) 100% 50% no-repeat; height: 48px; right: 125px; width: 50px; pointer-events: none; }

我正在使用css为下拉菜单设置图像,但在IE11中,它显示了图像透明部分周围的边框

css代码如下所示

#select-id:after {
  content: '';
  position: absolute;
  background: url(../images/dropdown-icon.png) 100% 50% no-repeat;
  height: 48px;
  right: 125px;
  width: 50px;
  pointer-events: none;
}
试一试


在我看来,该边框应用于该元素后面的任何内容。我确信它仅适用于图像。您能否提供复制该问题的方法?
select {background:transparent;}
select {opacity:0}