2016-12-01 90 views
2

所以,如何从IE11 /边缘上选择标签删除默认的边框半径

我已经病急乱投医选择标签,当我认为它在IE11 /边缘当你点击它增加了周围的选择框黑边下拉箭头。

我似乎无法找到任何将删除此边框的内容。

请指教。

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

听起来像一个':focus'属性。尝试添加'select:focus {border:0;}' –

+0

显然没有直接的css来控制它。但这是我可以推荐给你的唯一的东西http://stackoverflow.com/questions/19388011/how-to-change-colour-of-blue-highlight-on-select-box-dropdown – Aus

+0

不幸的是,这并没有修复任何问题,请查看问题的截图。 http://i.imgur.com/aqFZKnx.png –

回答

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>元素都会有所不同。