如何使用css在chrome中删除选定选项卡的底部边框

Question

在 Internet Explorer 中，我们得到一条直线。在 chrome 中，我们得到扭曲的线条，其余所有浏览器都有所需的情况。如第一张图片所示。请告诉一些代码来实现这一点，因为我非常需要它。这是代码：

ul#tabs li a { 
    color: #a09b95;
    padding: 6px 15px 7px 15px;
    padding: 6px 15px 5px 15px\9;           /* IE-only fix */
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #c9c3ba;
    border-right: 1px solid #c9c3ba;
/*  background-color: #ffffff; */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3efeb)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f3efeb); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background:    -moz-linear-gradient(top, #ffffff, #f3efeb); /* FF3.6+ */
    background:     -ms-linear-gradient(#FFFFFF, #F3EFEB); /* IE 8 */
    background:      -o-linear-gradient(top, #ffffff, #f3efeb); /* Opera 11.10+ */
    background:         linear-gradient(to bottom, #ffffff, #f3efeb); /* IE9+ */
    -pie-background:    linear-gradient(#FFFFFF, #F3EFEB); /* IE 6-7 via CSS3Pie */
    behavior: url("http://ocw5.mit.edu/styles/pie/PIE.php");
}   


ul#tabs li a.selected {
    color: #b30838;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    background: none;
    -pie-background: none;
    behavior: url("http://ocw5.mit.edu/styles/pie/PIE.php");
}


/* Chrome/Safari-only CHP tab border fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {

    ul#tabs {
        margin: 19px 0 -1px 0;
        outline: 0;
    }

}

Answer 1

试试这个：

ul#tabs li {margin-bottom: -1px;}