我试图在 react 引导工具提示中更改工具提示的背景颜色。
从这篇文章中，可以在CSS文件中进行更改。但是，我可能会显示40种不同的颜色。
我一直在尝试以这种方式做事：
<Tooltip id={this.props.name} style={{".tooltip_inner":{"background":backgroundColor}}}>{this.props.name}</Tooltip>
但它就是行不通。我无法在渲染中设置tooltip_inner，我不确定如何动态访问它。我已经尝试过getElementsBy-Name，但这也不起作用。
感谢您的任何帮助。
好的，所以这样做，看看是否有帮助。不过，这不是一种非常反应的方式。
return (
<OverlayTrigger placement="top" overlay={this.tooltip} onEntering={this.entering}>
<Button">Hover on me</Button>
</OverlayTrigger>
);
tooltip = (
<Tooltip id="tooltip"><strong>This is the tooltip. Yeah!</Tooltip>
);
// Set your color here
entering = (e) => {
e.children[0].style.borderTopColor = 'green';
e.children[1].style.backgroundColor = 'green';
};
.tooltip > div.tooltip-inner {
background-color: @accentColor !important;
color: @whiteColor !important;
}
.tooltip.show {
opacity: 1 !important;
}
.tooltip > div.arrow::before {
border-bottom-color: @accentColor !important;
color: @whiteColor !important;
}<html></html>