修改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;
}
}
}
即可修改针对当前页面的局部样式