样式化浏览器为 svg 标题标签生成的翻转答案

【问题标题】：styling the browser generated rollovers for svg title tags样式化浏览器为 svg 标题标签生成的翻转
【发布时间】：2013-01-24 01:36:27
【问题描述】：

我想知道是否可以更改所附屏幕截图的外观，黄色滚动框显示：Google 搜索：90。

这是从 svg 标题元素生成的，如下所示：

<g class="leaf node" transform="translate(494.3930607245582,316.76111782506564)">
  <title>Youtube: 60</title>
  <circle r="19.117124489931257"></circle>
  <text dy=".3em" style="text-anchor: middle;">Youtub</text>
</g>

我正在通过库 d3.js 生成这些内容，如果有帮助，我可以使用 jquery 之类的东西。

【问题讨论】：

您可以使用 html 元素创建一个提示，并在鼠标移入/移出时切换它，无论是否超时...

标签： javascript jquery html svg d3.js

【解决方案1】：

黄色弹出框是提示框，默认背景颜色由系统决定。
如果您使用的是 jquery，请参考http://docs.jquery.com/Plugins/Tooltip 查看工具提示插件。您可以自定义工具提示。

【讨论】：