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

Question

我有一个它显示鼠标结束时的tootltip，现在我想改变工具提示的背景颜色。 有没有办法使用CSS或JQuery或使用类属性

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

Answer 1

尝试在你的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>

您可以参考： http://jsfiddle.net/ckxSs/585/

Answer 2

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();
});

查看示例 - http://jsfiddle.net/ckxSs/16/

Answer 3

我想您希望在jqueryUi中看到用于自定义工具提示的链接：

https://jqueryui.com/tooltip/#custom-style

希望这可以帮助你。

谢谢！