如何删除聊天框的阴影区域

Question

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沿着整个边界是不变的所以我不确定为什么该区域有阴影？

Answer 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>