我正试图在Bootstrap4中重新设置工具提示的外观/格式，而原来的方式似乎不再有效。目前我正在这样做：
。工具提示{
背景：7abcff；
背景：-webkit线性梯度（顶部，#7abcff 0%，#60abf8 44%，#4096ee 100%）；
背景：-莫兹线性梯度（顶部，#7abcff 0%，#60abf8 44%，#4096ee 100%）；
背景：线性梯度（至底部，#7abcff 0%，#60abf8 44%，#4096ee 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#7abcff'，endColorstr='#4096ee'，GradientType=0）；
颜色：#fff；
字体系列：“Roboto”，Arial，无衬线；
}
.tooltip.top.工具提示箭头{
边框顶部颜色：#7abcff；
}
.tooltip-internal工作正常，但.tooltip.top.tooltip-arrow不正常；它是黑色的。我假设.tooltip.top是底部对齐的工具提示顶部的箭头
任何帮助都将不胜感激
从bootstrap4.0开始
CSS对于工具提示重新排序是由工具提示内部类处理的，正如您所注意到的：
。工具提示内部{
最大宽度：200px；
填充：3px8px；
颜色：#fff；
文本对齐：居中；
背景色：#000；
边界半径：.25rem；
}
顶部箭头的Css:
.tooltip.bs tooltip auto[x-placement^=top].arrow:：before、.tooltip.bs-tooltip-top.arrow:：before{
左边距：-3px；
内容：“；
边框宽度：5px5px0；
边框顶部颜色：#000；
}
右箭头的Css:
.tooltip.bs tooltip auto[x-placement^=right].arrow:：before、.tooltip.bs-tooltip-right.arrow:：before{
利润上限：-3px；
内容：“；
边框宽度：5px 5px 5px 0；
右边框颜色：#000；
}
底部箭头的Css:
.tooltip.bs tooltip auto[x-placement^=bottom].arrow:：before、.tooltip.bs-tooltip-bottom.arrow:：before{
左边距：-3px；
内容：“；
边框宽度：0 5px 5px；
边框底色：#000；
}
左箭头的Css:
.tooltip.bs tooltip auto[x-placement^=left].arrow:：before、.tooltip.bs-tooltip-left.arrow:：before{
右：0；
利润上限：-3px；
内容：“；
边框宽度：5px 0 5px 5px；
左边框颜色：#000；
}