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

Question

我在IE 10中面临CSS问题（文档模式：IE 7标准版）。在设置背景颜色时，我在下拉列表中获得了多个边框。如屏幕截图所示：

上边和下边有额外的边框。我已经尝试过border：none，border：0，outline：none，outline：0，border：transparent等，但它们都不适用于我。

修改：只有在我将背景颜色添加到下拉列表时才会遇到此问题。

Answer 1

好的，我得到了删除边框的解决方案。根据这个Link添加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>

Answer 2

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

编辑： 未经测试但请尝试style="border-style:none;

也未经测试，请尝试border: none !important;