Vmware clarity clr下拉菜单图标添加插入符号

我有我的HTML，它如下所示：

<div class="col-4 icnContainer">
     <clr-dropdown>
        <button clrDropdownTrigger aria-label="Dropdown demo button">
           <clr-icon shape="ellipsis-vertical"></clr-icon>
        </button>
        <clr-dropdown-menu clrPosition="top-left" *clrIfOpen>
           <div aria-label="Dropdown header Action 1" clrDropdownItem>Action 1</div>
           <div aria-label="Dropdown header Action 2"  clrDropdownItem>Action 2</div>
           <div clrDropdownItem>Link 1</div>
           <div clrDropdownItem>Link 2</div>
        </clr-dropdown-menu>
     </clr-dropdown>
 </div>

行动1
行动2
链接1
链接2

我通过这种设置获得的输出如下图所示： "

正如您在圆圈中看到的，省略号后添加了插入符号。我不需要插入符号，我只需要下面的省略号：

谁能告诉我怎样才能做到这一点。 此外，下拉列表在包含div的内部打开，如下所示

---

如何使菜单在包含分区之外打开。

要定位菜单，可以使用以下位置之一：

右上角

左上角

右下角

左下角

右上方

右下角

左上角

左下角

下面是一个右下角位置为

的演示：

我不确定carot图标是从哪里来的，你能用叉子和修改stackblitz来创建一个我可以看到的复制品吗
 好吧，让我来做。问题不在于定位本身。。当菜单打开时，它在包含的div内打开。正如您在图片中看到的，它打开到右上角，但在包含下拉列表的div内，而不是在我可以访问它的外部