Html 仅从左侧移除阴影

我有一个按钮，在之后有一个

：来创建一个箭头。我给按钮一个方框阴影，给
:after
一个下拉阴影，使
:after
看起来像是按钮的一部分。然而，在
：after
的左边缘有一点阴影，这使得它看起来与按钮断开连接。如图所示：


有没有办法去除从左边缘流下来的阴影

箭头出于某种原因关闭了它下面的按钮，但这并不重要，只要试着阻止箭头的阴影沿着左边缘向下移动即可

代码如下：


#转到按钮{
位置：相对位置；
边界半径：6px；
高度：64px；
文字装饰：无；
宽度：80%；
背景色：#00BFA5；
填充：12px；
边框：0px实心#Fc4747；
颜色：白色；
光标：指针；
字体大小：14px；
字号：200；
z指数：100；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；}
.泡泡：之后{
内容：''；
位置：绝对位置；
边框样式：实心；
边框宽度：15px 0 15px 24px；
边框颜色：透明#00BFA5；
显示：块；
宽度：0；
z指数：1；
利润上限：-15px；
右：-24px；
最高：50%；
-webkit过滤器：投影（0px 4px 5px rgba（130130130130,0.7））；
滤镜：投影（0px 4px 5px rgba（130、130、130、0.7））；
-ms过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=2，Color='#444'）”；
过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=2，Color='#444'）”；}

去
框阴影属性可能就是您希望在此处使用的属性。阴影用于更复杂的对象或SVG

您只需要在
：after
元素周围应用更好的框阴影

.bubble:after {
   box-sizing: border-box;    
   border: 1em solid #00BFA5;
   border-color: transparent transparent #00BFA5 #00BFA5;
   transform-origin: 0 0;
   transform: rotate(-135deg);
   display: block;
   width: 0;
   z-index: 1;
   margin-top: -15px;
   right: -250px;
   top: 50%;
   box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
}

由于您没有提供工作小提琴，我将把旋转等的调整留给您，但一般的想法是，在设置正确的边框和边框颜色后，您将希望设置长方体阴影的样式

您确实想使用
阴影，因为这是一个“复杂对象”。将其移动到父元素；您将发现放置阴影正确应用于
after
伪元素：


#转到按钮{
位置：相对位置；
边界半径：6px；
高度：64px；
文字装饰：无；
宽度：80%；
背景色：#00BFA5；
填充：12px；
边框：0px实心#Fc4747；
颜色：白色；
光标：指针；
字体大小：14px；
字号：200；
z指数：100；
-webkit过滤器：投影（0px 4px 5px rgba（130130130130,0.7））；
滤镜：投影（0px 4px 5px rgba（130、130、130、0.7））；
-ms过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=2，Color='#444'）”；
过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=2，Color='#444'）”；
}
.泡泡：之后{
内容：''；
位置：绝对位置；
边框样式：实心；
边框宽度：15px 0 15px 24px；
边框颜色：透明#00BFA5；
显示：块；
宽度：0；
z指数：1；
利润上限：-15px；
右：-24px；
最高：50%；
}

去
如果尚未对元素使用
：在
之前，始终可以使用另一个伪元素隐藏阴影。另一种选择是偏移阴影，但这实际上只适用于小阴影

第一个示例：


#转到按钮{
位置：相对位置；
边界半径：6px；
高度：64px；
文字装饰：无；
宽度：80%；
背景色：#00BFA5；
填充：12px；
边框：0px实心#Fc4747；
颜色：白色；
光标：指针；
字体大小：14px；
字号：200；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
z指数：1；
}
.泡泡：之后{
内容：''；
位置：绝对位置；
边框样式：实心；
边框宽度：15px 0 15px 24px；
边框颜色：透明#00BFA5；
显示：块；
宽度：0；
利润上限：-15px；
右：-24px；
最高：50%；
-webkit过滤器：投影（0px 4px 5px rgba（130130130130,0.7））；
滤镜：投影（0px 4px 5px rgba（130、130、130、0.7））；
-ms过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=2，Color='#444'）”；
过滤器：“progid:DXImageTransform.Microsoft.Dropshadow（OffX=0，OffY=2，Color='#444'）”；
}
.泡泡：以前{
显示：块；
位置：绝对位置；
内容：''；
右：0；
顶部：8px；
高度：48px；
宽度：8px；
背景：#00BFA5；
z指数：2；
}

去
Aside——按钮内的输入？Aside-Aside——id为
go div的按钮
？@DaniP这是一个提交的表单，而不仅仅是@DaniP我认为提交表单需要输入。我现在已经把它重构成这样了<代码>开始
谢谢