Chrome 下边框与左边框不重叠

ih99xse1 于 2023-01-28 发布在 Go

关注(0)|答案(1)|浏览(165)

我正在开发一个接口CSS，我遇到了以下问题：
当我将左侧边框的大小设置为大于其他边框时，它不会与的下边缘重叠。
在这种情况下，边的底边与左边的绿色重叠！

#contactList > li {
    font-weight: bold;
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    background-image: -webkit-linear-gradient(#ededed, #eff0f2);
    background-image: -moz-linear-gradient(#ededed, #eff0f2);
    background-image: -ms-linear-gradient(#ededed, #eff0f2);
    background-image: linear-gradient(#ededed, #eff0f2);
    border-bottom:1px solid #999999;
    border-left:10px solid green;
    border-right:1px solid #999999;
    height:55px;
}

https://jsfiddle.net/Igaojsfiddle/T6KrE/24/

google-chrome

来源：https://stackoverflow.com/questions/17219410/border-bottom-not-overlapping-border-left

1条答案

按热度按时间

xv8emn3q1#

你必须把边界放在ul元素上而不是li元素上;）

#contactList {
margin: 0;
padding: 0;
list-style-type: none;
border-left: 10px solid green;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

赞(0）回复(0）举报 2023-01-28

我来回答

Chrome 下边框与左边框不重叠

1条答案

相关问题

热门标签

最新问答