javascript - 如何去除聊天框的阴影区域

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