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

时间:2017-07-14 02:28:47

标签: javascript html css

enter image description here

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

1 个答案:

答案 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>