Html 设置背景色时，IE中出现了不必要的边框

我在IE10（文档模式：IE7标准）中面临一个CSS问题。设置背景色时，我的下拉列表中有多个边框。如屏幕截图所示：

额外的边界将出现在顶部和左侧。我已经尝试过border:none、border:0、outline:none、outline:0、border:transparent等，但都不适合我

---

编辑：只有在将背景色添加到下拉列表时，我才面临此问题。

不幸的是，IE10不允许您删除下拉菜单上的边框

编辑： 未测试，但请尝试

style=“border style:none；”

---

同样未经测试，请尝试

border:none！重要；

好的，我得到了删除边框的解决方案。根据此添加span作为包装，经过一些CSS操作后，我的工作正常

下面是我在代码中所做的：

        span.dropdown {
            float: left;
            overflow: hidden;
            border: 1px solid #ccc;
            height:20px;
        }
        select {
            background: none;
            border: none;
            color: #575652;
            float: left;
            outline: none;
            text-align: left;
            text-decoration: none;
            padding:6px 2px 6px 2px!important;
            display:block;height:23px;
        }
        span.dropdown select {
            margin: -2px  -3px -3px -2px ;
        } 

和HTML格式：

 <span class="dropdown">
...
//dropdown code
...
</span>

...
//下拉代码
...

这里有一个想法：试试

盒子阴影：0透明；

它可能是一个嵌入的盒子阴影。@大卫，盒子阴影对我也不起作用。你当时明白了吗？我想知道我找到了一个对我有效的解决方案，请参阅上面的答案。