【问题标题】:How to change tool-tip text color如何更改工具提示文本颜色
【发布时间】:2015-04-22 12:57:56
【问题描述】:

工具提示有问题。

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

【问题讨论】:

  • 你在使用 twitter bootstrap 吗?
  • 如果您包含一些代码会有所帮助(如果您包含类似 jsfiddle 示例的内容会更有帮助)
  • .tipsy-inner { 背景色:红色;颜色:#FFFFFF;最大宽度:200px;填充:5px 8px 4px;文本对齐:居中;这是css,我正在使用

标签: css html


【解决方案1】:

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

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

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

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

如果你不知道它是什么,试试选择器

.tipsy-inner *

当不知道 DOM 结构是什么时,有点生硬。

【讨论】:

  • 首先感谢您的重播。我的问题仍然没有解决。文字颜色也没有改变。如果我们删除文本背景颜色白色那很棒
  • 听起来你去掉了背景颜色,但颜色没有改变。这可能是由于另一个更具体的选择器。再次钝器使规则颜色:蓝色!重要;
  • 可能是内联样式,只能通过脚本或配置进行更新。在我回家之前我无法提供帮助 - 目前在我的手机上。
【解决方案2】:

我想你会很想看到这个在 jqueryUi 中自定义工具提示的链接:

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

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

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

希望对您有所帮助。

谢谢!!

【讨论】:

  • 感谢重播,没有 jquery 我想更改工具提示文本背景颜色
  • 我认为您必须提供更多信息作为代码让我帮助您。
猜你喜欢
  • 2019-05-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-28
  • 2015-06-11
  • 2023-01-12
相关资源
最近更新 更多