:: - ms-thumb出现在赛道后面

Question

我为一些滑块创建了一个自定义类。在chrome中一切正常。请参见下图：

铬

我的问题是，在Internet Explorer上我得到了这个：

现在这是我的css：

input[type="range"].slider-black::-ms-thumb{
height:40px;
width:40px;
border-radius:100px;
background:rgba(0,0,0,0.7);
border:2px solid silver;
box-shadow:0 0 4px 2px rgba(1,1,1,0.8);

}



    input[type="range"].slider-black::-webkit-slider-thumb{
height:40px;
width:40px;
border-radius:100px;
background:rgba(0,0,0,0.7);
border:2px solid silver;
box-shadow:0 0 4px 2px rgba(1,1,1,0.8);

}

有没有办法让我的:: - ms-thumb看起来和它在chrome上完全一样？