antd popOver组件样式修改当前页面样式

修改popOver组件的样式的时候发现定义了className不起作用，antd的样式覆盖不了
原因：不支持className，而是tooltip的overlayClassName

<Popover 
	content={renderContent()} 
	title={''} 
	overlayClassName={styles.pop} 
	trigger={'click'}>
	<div className={styles.tipIcon}/>
</Popover>

.pop{
    :global{
        .ant-popover-inner{
            background-color: #2D3B5A;
        }
        .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow{
            border-right-color: #2d3b5a;
            border-bottom-color: #2d3b5a;
            background: #2d3b5a;
        }
    } 
}

即可修改针对当前页面的局部样式