Html 如何从IE11/Select标记上的边删除默认边界半径

所以

我已经设计了一个选择标记的样式，当我在IE11/Edge上查看它时，当您单击下拉箭头时，它会在选择框周围添加一个黑色边框

我似乎找不到任何能消除这个边界的东西

请告知

这是我的CSS

select {
    background: transparent;
    width: 100%;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 59.6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;   
    padding-left: 17px;
    background: url('##Pathtoimg##') no-repeat 96% #ffffff;
    outline: 0;
    border-color:#fff;
}

---

这在IE中是不可能的，因为元素样式会因浏览器而异。IE使用一种风格，Safari使用另一种风格

我们将以一个示例为例：

<select id="something" name="something">
  <option value="1">This is option 1</option>
  <option value="2">This is option 2</option>
  <option value="3">This is option 3</option>
  <option value="4">This is option 4</option>
  <option value="5">This is option 5</option>
</select>

这是选项1
这是选项2
这是选项3
这是选项4
这是选项5

---

在所有不同的浏览器中选中（运行）此选项。

元素的所有浏览器样式都会有所不同。

听起来像是一个

：focus

属性。尝试添加

select:focus{border:0；}

显然没有直接的css来控制它。但这是我唯一能推荐给你的东西，不幸的是，这并没有解决任何问题，请看问题的屏幕截图。你能给我发送演示链接plz吗？不幸的是我不能发送演示链接，但是屏幕截图应该足够了，CSS也足够了。