我在 IE 10(文档模式:IE 7 标准)中遇到 CSS 问题。设置背景颜色时,我的下拉列表中出现多个边框。如屏幕截图所示:
额外的边框出现在顶部和左侧。我已经尝试过 border:none、border:0、outline:none、outline:0、border:transparent 等,但它们都不适合我。
编辑:只有在将背景颜色添加到下拉列表时,我才会遇到这个问题。
最佳答案
好的,我得到了去除边框的解决方案。根据这个Link添加跨度作为包装器,经过一些 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>
关于html - IE设置背景颜色时出现不必要的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22930970/