Javascript 如何更改工具提示背景色，工具提示显示在td中

我有一个例子，当鼠标悬停在工具提示上时，它会显示工具提示，现在我想更改工具提示的背景色。 有没有办法使用CSS、JQuery或class属性

<td title="#487105 CLASSIC LOOSE RD124473 ENGINEERED 2X1-" class="tooltip" rowspan="10" style="white-space:nowrap;">

---

尝试在td中实现这一点：

<table border="2px">
   <tr>
     <td data-toggle="tooltip" data-placement="bottom"
       title="" data-original-title="Tooltip on bottom"
       class="red-tooltip">Tooltip on bottom
     </td>
   </tr>
</table>

底部的工具提示

您可以参考以下内容：

您可以使用jQuery插件或基于纯css的自定义工具提示。
其中一种方法如下所述。
**包括**
jQuery
**我要保持这样**
**CSS**
.red tooltip+.tooltip>.tooltip内部{背景色：#f00；}
**JS**
$（文档）.ready（函数（）{
$（“a”）.tooltip（）；
});

---

查看示例-

我想您会喜欢在jqueryUi中查看自定义工具提示的链接：

希望这能对你有所帮助

---

谢谢

请再问一次，再努力一点！这里的标题是我的动态数据，来自C#代码隐藏。无法将所有这些项都附加到名称中。请仅在任何标签（而不是标题）中调用的锚定标记中的数据。

You can use jQuery Plugin or pure css based customised tooltip.

one of the way is below mentioned.

**Include**

jQuery 

 **Inside td keep like this**
    <a href="#" data-toggle="tooltip" data-placement="bottom"
       title="" data-original-title="Tooltip on bottom"
       class="red-tooltip">#487105 CLASSIC LOOSE RD124473 ENGINEERED 2X1-</a> 
**CSS**

.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}

**JS**

$(document).ready(function(){
    $("a").tooltip();
});