如何更改工具提示文本颜色

时间:2015-04-22 04:19:03

标签: css html5

我的工具提示有问题。

如何将系列背景和系列文字颜色的颜色分别改为红色和蓝色。

enter image description here

2 个答案:

答案 0 :(得分:0)

这会使背景颜色变为红色,文本变为蓝色

.tipsy-inner {
    background-color: red;
    color: blue;
}

要摆脱白色背景 - 包​​含文本的元素在其上设置了背景颜色,需要将其删除或覆盖。如果它是一个跨度我会按类或id来定位它,以免干扰其他跨度(如果有的话)。如果是跨度,这将针对它:

.tipsy-inner span {
    background-color: transparent;
}

如果您不知道它是什么,请尝试使用选择器

.tipsy-inner *

当不知道DOM结构是什么时,有点钝的工具方法。

答案 1 :(得分:0)

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

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

这看起来与以下问题相同:

How to change the tool tip background color, tooltip displays in td

希望这可以帮助你。

谢谢!