如何从 Select 标签上的 IE11/Edge 中删除默认边框半径

Question

所以，

我设置了 select 标签的样式，当我在 IE11/Edge 上查看它时，当您单击下拉箭头时，它会在 select 框周围添加一个黑色边框。

我似乎找不到任何可以删除此边框的东西。

请指教

这是我的 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;
}

Answer 1

在 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>

在所有不同的浏览器中检查(运行)。 <select> 元素的所有浏览器样式都会有所不同。

如何从 Select 标签上的 IE11/Edge 中删除默认边框半径

How to remove default border radius from IE11/Edge on Select tag

html

css

internet-explorer-11