如何从PrimeReact OverlayPanel中移除箭头？

Question

​

​

这个问题与OverlayPanel中的PrimeReact组件有关。

我希望移除覆盖面板与其附加元素之间的小箭头(如上图所示)。

Answer 1

这可以通过将content样式设置为none来实现，如下所示：

p-overlaypanel {
    &:before {
        content:none;
    }

    &:after {
        content:none;
    }

    margin-top: 0px; # removes the gap between menu and anchor element after arrow-removal
}