所以,
我设置了一个选择标签的样式,当我在 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>
在所有不同的浏览器中检查(运行)它。 <select>
的所有浏览器样式元素会有所不同。
关于html - 如何从 Select 标签上的 IE11/Edge 中删除默认边框半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40907444/