HTML/CSS对话框-尝试获取左侧的箭头

我有以下HTML/CSS格式的图像，但现在我需要相同的图像，除了左上角的箭头也是一个较长的箭头（但我相信我能找到答案）

我在这里做了一把小提琴

然而，箭头（在左边）指向错误的方向

下面是我一直使用的CSS：

#chatCenterMemberInfoPopOutContainerDIV {
border-radius: .1875em;
z-index: 5;
position: absolute;
box-shadow: 0 0 0 1px rgba(0,0,0,0.15),inset 0 0 0 1px rgba(255,255,255,0.6), 0 4px 2px -2px rgba(0,0,0,0.2),0 0 1px 1px rgba(0,0,0,0.15);
background-repeat: repeat-x;
background-position: 0 0;
background-image: linear-gradient(to bottom,rgba(255,255,255,0.7) 0,rgba(255,255,255,0) 100%);
background-color: #e1e1e1;
width: 140px;
height: 80px;
left: 50px;
top: 50px;
display: block;
}

#chatCenterMemberInfoPopOutContainerDIV:before {
border-left-color: #aaa;
border-width: 5.5px;
margin-top: -1.5px;
}

#chatCenterMemberInfoPopOutContainerDIV:after, #chatCenterMemberInfoPopOutContainerDIV:before {
border: 4px solid transparent;
border-left-color: #f2f2f2;
position: absolute;
content: '';
right: 100%;
top: 9px;
}

#chatCenterMemberInfoPopOutContainerDIV:after, #chatCenterMemberInfoPopOutContainerDIV:before {
border: 4px solid transparent;
border-left-color: #f2f2f2;
position: absolute;
content: '';
right: 100%;
top: 9px;
}

如有任何协助，将不胜感激-现场使用：

---

thx

在css中查找以下

id

#chatCenterMemberInfoPopOutContainerDIV:after, #chatCenterMemberInfoPopOutContainerDIV:before 

改变

border-left-color: #f2f2f2;

将是：

 border-right-color: #f2f2f2;

---

要使箭头朝向左侧，需要将

顶部

和

底部

的

边框颜色

设置为

透明

，并为

右侧边框

设置

颜色


#聊天中心成员InfoPoOutContainerDiv{
边界半径：.1875em；
z指数：5；
位置：相对位置；
框阴影：0 0 0 1px rgba（0,0,0,0.15），插入0 0 0 1px rgba（255,255,255,0.6），0 4px 2px-2px rgba（0,0,0,0.2），0 0 1px 1px rgba（0,0,0,0,0.15）；
背景重复：重复-x；
背景位置：0；
背景图像：线性渐变（到底部，rgba（255，255，255，0.7）0，rgba（255，255，255，0）100%）；
背景色：#e1e1；
宽度：140px；
高度：80px；
左：50px；
顶部：50px；
}
#ChatCenterMemberInfoPoOutContainerDiv:之前，
#ChatCenterMemberInfoPoOutContainerDiv:之后{
边框顶部：7px实心透明；
边框底部：7px实心透明；
右边框：14px实心#F5；
位置：绝对位置；
内容：''；
顶部：15px；
左-14px；
}
#ChatCenterMemberInfoPoOutContainerDiv:之前{
边框顶部：9px实心透明；
边框底部：9px实心透明；
右边框：15px实心#CECECE；
顶部：13px；
左：-15px；
}
创建三角形的div并提供边距。
尝试此
在此处输入code
`
并增加
边框：8px实心透明
边框宽度
太明显了-对不起。。。也非常感谢您的时间。@Adam没问题，有时候您只需要另一双眼睛
#chatCenterMemberInfoPopOutContainerDIV
？你真的用了这么长的ID选择器吗？