background-color: rgba(78,93,108,0.25);
border-color: rgba(78,93,108,0.75);
border-width: 2px;
border-bottom-left-radius: 15px;
color: white;
outline: none;
padding-left: 8px;
此位显示异常。它会在框的左侧和顶部创建一个阴影区域。 CSS沿着整个边界是不变的所以我不确定为什么该区域有阴影?
答案 0 :(得分:1)
border-style: solid
vs inset
使用border-style
设置显示border
的方式
请注意,在下面的示例中,inset
border
会显示您描述的阴影。
div {
padding: 2em;
margin-bottom: 1em;
border: .2em solid grey;
}
div+div {
border-style: inset;
}
<div></div>
<div></div>